Here is my site Read-Only: LINK
(how to share your site Read-Only link)
Hey, im working on this website and on the home page on mobile there is a white bar and it cuts some stuff off and its annoying lol how can i fix this? its only on the home page not products page, i want it to be like the product page where there is no white bar and everything fits normally.
Hi there,
The white bar and content cutoff issues on your homepage can be resolved through proper spacing management. Here’s how to fix it:
The first solution is to adjust the Body element padding. Navigate to the Body element in the Navigator panel, open the Styles panel, and add top padding (usually 0px is a good starting point). This ensures proper spacing without creating unexpected gaps.
If you’re still seeing the issue, create a Div block that wraps all your page content. Set its overflow property to “hidden” in the Styles panel. This contains all content within the viewport and prevents any unwanted overflow that might cause the white bar.
These adjustments help maintain proper layout structure and prevent content from extending beyond its intended boundaries.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
Hey @Justin1 ,
The white space that you see at the right end of the screen on mobile devices is due to the structure of the grid_4-col element in the footer. You might need to play around with the left margin and left positioning that you have set for that element in order to make sure all footer links are shown within the screen size.
That being said, here’s another simple way to get rid of side scrolling (i.e. extra space on the right side of the screen) if you have ensured all the elements that need to be visible are structured properly.
