Mon, 2018-01-15 15:34
body { margin: auto; padding-bottom:5%; padding-left:0%; padding-right:0%; padding-top:5%; background-color:#FAE8B3; font-size: 16px; color: #FF9554; font-weight:bold; max-width: 100%; width: auto; }
For some reason that I can't work out the above has a horizontal scroll bar when viewing on a mobile. Can anyone see why please. Thanks
Fri, 2018-02-16 10:47
#1
margin and padding
Hi,
I don't see any problem in the code. Probably there is some default padding or margin of HTML.
Try adding these codes before body
* {padding:0; margin:0;}
html {padding:0; margin:0;}
Try this and please let me know if it works.
Regards,
Pavithra Ramesh
Spidergems
Fri, 2018-02-16 20:34
#2
First guess
Without seeing the page in totality, guessing is all we can do.
My guess is that something in the page has an intrinsic width wider than the viewport. For example, an image or a table, or any element with a too wide absolute dimension.
gary