Geek Answers Handbook

CSS horizontal scrollbars appear in chrome after resizing browser screen

Dear users,

I am actively developing a responsive website.

I have a very strange problem in Google Chrome and the default Android browser.

It will appear after changing the size of the website (make the browser horizontally large or change the portrait landscape to android (more than 480 pixels)).

When I resize the browser to less than 480 pixels, a horizontal scrollbar appears.

See for yourself (loco para saxo.com/new)

+5
source share
3 answers

Problem with your css. for navigationyou write visibility: hidden;instead display:none.

.moduletable_shop h3, #navigatie-horizontaal, .logo {
position: absolute;
width: 0;
height: 0;
display: none;
}

display:none;, visibility: hidden; , , display:none .

+4

, .

body {
    overflow-x: hidden;
}
+1

As sandeep wrote, this is because you are using visibility: hidden. If you want to hide things, you must use display:none. According to the docs-w3schools, visibility: hidden:

The element is invisible (but still takes a space)

0
source

More articles:


All Articles