Menu
I am getting a white space while scrolling to the right on a mobile device. Desktop browsing works as it should. I've tried the following things, non have worked.
css:
html, body {
width: 100%;
overflow-x: hidden; <- Don't like this one, would rather have it visible
}
html:
<meta name="viewport" content="width=device-width, initial-scale=1">
Shall I just try disabling horizontal scrolling?
Tool used for testing: http://mattkersley.com/responsive/
719
We would recommend duplicating the relevant page and delete sections until the white space disappears. When you find the section, try to disable “Stretch Section” under Layout. And make sure you don't have a fixed width on this section or underlying inner sections and elements.
apply float:left and that will remove the space so the text doesn't have to be on 1 line.
Found out that overflow-x:hidden; works as it should if put into #intro class which wraps whole page content.
Found solution here: https://stackoverflow.com/a/14271049/410624
170
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
