Shifting elements within site pages

I'm getting a slight shift of all the content on 2 of the pages within my site.

Here's a link, and RESUME and REVIEWS are two pages shifting to the left compared to the other sections.

Help is appreciated.
Who is Participating?
Chris StanyonConnect With a Mentor Commented:
The shift is caused by the addition of a vertical scroll bar on the right. If a page is shorter than your screen, you don't have a scrollbar. A soon as you visit a page that is longer, a scrollbar is added, and that reduces the width by about 20px, causing the page to shift slightly.

A 'fix' for this is to force a scrollbar on every page, irrespective of the page length, You can do this by forcing the page to be at least 1px longer than the screen. Add the following to your CSS file:

html {
	min-height: 100%;
	padding-bottom: 1px;

Open in new window

KayaWasTakenAuthor Commented:
Gosh, I cannot believe I didn't see that (and I'm pretty sure I wouldn't have without your eagle-eye)... Thanks for the help!
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.