Overflow-x:hidden doesn’t prevent content from overflowing in mobile browsers

by

Creating a site wrapper div inside the <body> and applying the overflow-x:hidden to the wrapper instead of the <body> or <html> fixed the issue.

It appears that browsers that parse the <meta name="viewport"> tag simply ignore overflow attributes on the html and body tags.

Note: You may also need to add position: relative to the wrapper div.

More Related Contents:

  1. Limit text length to n lines using CSS
  2. CSS text-overflow in a table cell?
  3. Is the viewport meta tag really necessary?
  4. parent & child with position fixed, parent overflow:hidden bug
  5. Why does overflow: hidden have the unexpected side-effect of growing in height to contain floated elements?
  6. CSS – Overflow: Scroll; – Always show vertical scroll bar?
  7. Why does ‘overflow: auto’ clear floats? And why are clear floats needed?
  8. firefox overflow-y not working with nested flexbox
  9. Make child visible outside an overflow:hidden parent
  10. Div height 100% and expands to fit content [duplicate]
  11. How to make the overflow CSS property work with hidden as value
  12. Overflow to left instead of right
  13. Make floating child visible outside an overflow:hidden parent
  14. CSS3 property webkit-overflow-scrolling:touch ERROR
  15. CSS: How to have position:absolute div inside a position:relative div not be cropped by an overflow:hidden on a container
  16. How to ignore parent element’s overflow:hidden in css
  17. Have a fixed position div that needs to scroll if content overflows
  18. Issue when centering vertically with flexbox when heights are unknown
  19. Horizontal scroll in DIV with many small DIV’s inside (no text)
  20. overflow: hidden on div and body, different behavior
  21. CSS transition effect makes image blurry / moves image 1px, in Chrome?
  22. How can I change the Bootstrap 4 navbar button icon color?
  23. CSS Auto hide elements after 5 seconds
  24. Replacing H1 text with a logo image: best method for SEO and accessibility?
  25. CSS: fixed to bottom and centered
  26. iOS 7 iPad Safari Landscape innerHeight/outerHeight layout issue
  27. How can I create multi columns from a single unordered list?
  28. CSS width 100% OR max-width in pixels
  29. Using SVG as background image
  30. Are alternate nested styles possible in CSS?

Leave a Comment