Afternoon,
I’ve hit a wall and can’t see the difference between the way two pages appear on mobile view.
About Us page is very neat.
The page is mostly made up for rows with two columns, one image, one text which sits in the centre with white borders.
I’ve tried to replicate this on the homepage but the text and images ‘spread’ to the end corners of the page.
Both are blank, no container, header/footer.
Hoping you can see the difference!
Many thanks,
Gemma
Hi Gemma,
It seems that you already managed to fix the issue. But the trick is to enable the Global Container option in the Row:
I am talking about the new Row system that we have. Here is a brief introduction about that:
One additional point, you can always select the sections (for example the about page section) as a template and use it on other pages. Here is more detailed information about the feature:
Thank you.
No, the issue is still there.
Please look at both pages in mobile version.
I have attached images for clarity.
Homepage not centred - Cornerstone screenshot
About Us centred Conerstone screenshot
Homepage not centred published:
About us centred published:
I am looking for the homepage to behave the same way as the About Me page.
Many thanks,
Gemma
Sorry, I can’t see global container in row. I think there should be an image in your reply but it isn’t loading.
Hello @twoscotsabroad,
Please click the row element and you’ll find the option setting which may look like the following:
Column Container in Classic Row element:
Inner Container in V2 Row element:
And the new Row element with flexbox powered:
Hope this helps.
Global container is actually on already but doesn’t centre like About Me page as per screenshots in above request.
Hey Gemma,
I inspected both of your pages, on About Us page the sections which are centered and looks nice on mobile devices have the padding of 45px on each side while the full width sections (the ones with the black background) have 0 padding that’s why they look centered and with white borders on mobile devices.
On you homepage the sections have 0 padding, to make the homepage similar to the About Us page, give your sections a padding of 45px each side and for the full width sections keep the padding 0.
Hope this helps!
Thank you so much. That is exactly what I was referring to.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.