I have text elements and a slider element on my landing page that is not centred on mobile devices.
Upon reading similar forums, I saw that the best way to do this is by using a container and then putting all the elements in the container. Then the container display can be set to “Flex” and then justify Center.
On the page, the first section “How does Tavour work?” has three parts below it that are not centred in the screen. The problem I am facing is that these containers have an icon, header and text below. Playing around with the display settings and justifying center with the containers here doesn’t seem to do what I want. They either bring the headline to the side or change the way the icons appear. How can I center all these three parts and keep the styling as is?
Next is the slider right below this section which is also not centered on mobile. In this, the container is set to flex and justified center but still I am not able to see it centred on Mobile. I have tried to go the levels before the slider and set that to center but no luck.
Sorry, I’m not sure exactly what question you are asking me.
In your original question, you asked “is this you looking for on mobile viewport”. At that point, I was not aware what a mobile viewport is so did some research and it sounds like this is what I need hence why I said “I think this is what I am looking for”.
Again sorry any misunderstanding, I’m simply trying to figure out how to center these elements and if it is a mobile viewport that can do it then would love guidance on that please.
hi @Simar do not worry I have only ask to simply save time for both of us as I do not want create something you are not 100% sure. As there is many thing that need to be changed I will do video as it will be simpler for me and easy for you.
I tried to apply the same learnings you shared in the video to my Slider element instead and it seem to behave differently than centering the featured elements. Can you take a look at the slider element (below the section titled “Previously featured”) and see how to center that on MOBILE view only?
I was wondering today when you show how to center the slider, can you also see how I can left align the headlines in each feature element as shown below? Double clicking on the headline and using left align does not fix it.