CODEWITHSUNDEEP
css
renathy
renathy

Reputation: 5355

menu items with submenu switch all content for some pixels to the right

I absolutly know that you will downvote this question, but I cannot repeat this problem in jsfiddle or with custom html, so I can only show it using webpage.

If I understand the problem, I will update question with appropriate html code.

If you visit website http://tax.allfaces.lv/, you will see three menu items. If you click on first or third menu item (Home and Contact US), then everything is fine.

Merchants contains submenu. It is not so obvious, but if you click on second one (Merchants), then you see that the whole content is moved some pixels to the right comparing with Home and Contact Us page. If you just click "Home" and "Merchants" one by one, you can see that for "Merchants" all content is some pixels to the right.

EDIT: This is related to webpage height and scrollbar.

Upvotes: 0

Views: 55

Answers (3)

2ne
2ne

Reputation: 5986

Add this code to your body to keep the scroll bar all the time to avoid this issue

body {
    overflow-y: scroll;
}

Upvotes: 1

DiederikEEn
DiederikEEn

Reputation: 743

its because the scrollbar on the side dispears ;) what you could do is show the scrollbar at everypage so it doesnt move.

Upvotes: 1

Owre
Owre

Reputation: 551

It's because the scrollbar disappears because all of the content fits in the page :)

Upvotes: 1

Related Questions