Overflow:hidden not working on mobile browser

Question

Im using overflow:hidden to hide my unglam div in my webpage, it works well in all web browser but not in mobile browser. Anyone can help?

body
{
    margin: auto;
    display:block;
    overflow-x:hidden;
    overflow-y:hidden;
    height:800px;
}

score 10 · Accepted Answer · answered Aug 16 '13 at 08:40

10

Try adding following line in your html

<meta name="viewport" content="width=device-width, height=device-height">

and test on your phone. Maybe this should help.

answered Aug 16 '13 at 08:40

Pranav Kale

629
1
5
13

It works for chrome browser! but this meta tag isnt fixing the issue on webview. – Santosh Mar 27 '18 at 05:59

score 2 · Answer 2 · answered Jun 21 '15 at 18:09

2

Add a wrapper inside your body tag and apply the overflow-x: hidden to that wrapper

answered Jun 21 '15 at 18:09

LolaRoux

21
1

score 1 · Answer 3 · answered Aug 16 '13 at 07:50

1

Depending on which mobile browser you're using, overflow-x and overflow-y may not be supported. Use overflow: hidden instead to cover all bases and be cross browser compatible.

answered Aug 16 '13 at 07:50

MattDiamant

8,561
4
37
46

1

after i change to overflow:hidden, it is still not workable. Im testing it on android. mayb u can hav a look on it. beauty.org.sg – youaremysunshine Aug 16 '13 at 07:52

Overflow:hidden not working on mobile browser

3 Answers3

Linked