I’m experiencing an issue with flex box on my home paged design. I’m assuming it is a setting I have selected but I’m unable to figure out how to amend the issue.
I have selected flex box centre align for the body container, I always do this so pages content will centre on very large screen sizes. however, this setting is not showing on the live link.
I have gone through all the setting and removed the customer code to see if this corrects the issue, but has not resolved it. I even moved all the content to another page and it centred aligned perfectly, so it is defiantly an issue with the body container on the homepage.
I just need all content to centre align on the home page as all over pages perform correctly.
Here is my site Read-Only: [LINK]
([how to share your site Read-Only link])
Hi @SHAUN656 James,
After reviewing your site here is my recommendation. DO NOT use FLEXBOX on the body tag. As this is not recommended for any system layout. Use sections set to 100vw or 100% width. Add a div block, center align and set your max width to that block element.
If you do this for all your sections it will work across all browsers and wont have the issues you do now.
Follow this video for hierarchy layouts: https://www.youtube.com/watch?v=zZMx_8FvjvQ
Reference this video as well: https://www.youtube.com/watch?v=kg76CMOO__Y&t=9s
Such a simple solution, thank you @QA_Brandon
This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.