Page shifting when there is a vertical scrollbar vs when there is not

Design help General
1

Hey just wondering if there’s a quick fix to keep pages from shifting left and right when: there’s enough vertical content for the vertical scrollbar to appear versus when the page is short enough that the vertical scrollbar doesn’t appear. When going between respective page types the body moves slightly left or right to compensate for the scroll bar.

Any and all tips, tricks are welcome! Thanks.

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

yep - create a div and put all your content within it and set the width of that div to 100hw - the horizontal width excludes the scroll-bar and uses up all the screen. Then using custom code hide the overflow on the x-axis i.e.

body { overflow-x: hidden }

that will stop the page from jumping when the scrollbar appears / disappears.

let me know if you’ve any issues.

2 Likes
3

is this still the best way to do this? where did you add the custom code?

project settings > head code? footer code?

thanks

4

yes, it is - put the code in

project settings > head code

2 Likes