Drop down menu below drops below fold moves page left when opening?

[kawi6rr 0]

I have a series of dropdown menus and some are quite long. When the long menus drop below the page/fold the page jumps a few pixels to the left. Any idea on why this would happen?

See attached file for reference, thanks.

Index - Copy.html

[Ingolme 1,011]

I don't see any menus or dropdowns in the file you have attached. Clicking on the words just reloads the page.

I would guess that the menu is causing a scrollbar to appear, so the page has to move to the left to accommodate for it.

[kawi6rr 0]

The images wont show up so if you click on the X before  the words the drop down menu activates.

[kawi6rr 0]

3 hours ago, Ingolme said:

I don't see any menus or dropdowns in the file you have attached. Clicking on the words just reloads the page.

I would guess that the menu is causing a scrollbar to appear, so the page has to move to the left to accommodate for it.

That's exactly what's happening thanks, how do I get around that?

[Ingolme 1,011]

You could give the body an overflow: scroll property to always have a scrollbar there.

[kawi6rr 0]

16 hours ago, Ingolme said:

You could give the body an overflow: scroll property to always have a scrollbar there.

Thank you much appreciated, the overflow scroll property worked perfectly.