disable horizontal scroll on mobile web

css mobile-website
Sylph picture Sylph · Nov 16, 2010 · Viewed 114.6k times · Source

I'm having an issue where horizontal scrolls appear on certain phones for my site. I tried to put overflow-x: hidden but it's not working. The width is auto, so that it will actually automatically resize the web to suits the screen size. All other phones are fine except when viewed in blackberry, nokia e52, and Windows mobile, the horizontal scroll will appear.

Any advice?

Answer

pollux1er picture pollux1er · Apr 3, 2016

Simply add this CSS:

html, body {
  overflow-x: hidden;
}
body {
  position: relative
}

Related questions

Why are my CSS3 media queries not working?

In the styles.css, I am using media queries, both of which use a variation of: /*--[ Normal CSS styles ]----------------------------------*/ @media only screen and (max-width: 767px) { /*--[ Mobile styles go here]---------------------------*/ } The sites resize to the layout I …

Read More
Disable Pinch Zoom on Mobile Web

I want to disable Pinch and Zoom on Mobile devices. What configuration should I add to the viewport ? Link : http://play.mink7.com/n/dawn/

Read More
What is the difference between max-device-width and max-width for mobile web?

I need to develop some html pages for iphone/android phones, but what is the difference between max-device-width and max-width? I need to use different css for different screen size. @media all and (max-device-width: 400px) @media all and (max-width: 400px) …

Read More