Website scrolls to the left - Post ID...
How can I fix this problem?
You can more easily check this by selecting your grid and then scroll the page to the right or left (you'll be able to do this within the program as well as in your browser so the issue of the horizontal scroll was there before you exported it). Now mouse over the right/left side of your grid boundary. If you see any of the item outlines show up that look like they are going over that boundary of your grid then that's the row of elements you need to adjust. There may be more than one so rinse and repeat as needed. Keep in mind you'll need to do this for any unique pages that don't have the same classes and ID's as those you are adjusting, if they also have horizontal scrolling going on.
Keep in mind also that you may need to adjust more than just the item that is out of bounds in order to fix this. Sometimes you'll need to add/remove margin and/or padding from other elements in that row to accommodate the changes needed in the one that is going out of bounds in order to keep your uniform spacing that you wanted/had.
Adjusting a "Row" will not matter so don't bother with those, the culprits are usually Columns and Containers that are going over the edge, and sometimes a straight element itself will be over the edge.
You will need to play with your Margins and Padding (mostly margins) in order to work those items back within the Grid outline. It's ok if some of the items overlap the outlines of others, just make sure when you slide the slider that they don't do so when shrinking and you'll be fine.
Hope that helps.
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.