my website looks fine on a mobile except the left hand side is missing

[webdevfv]

Hi

For the moment I'm simply having customers visit my normal website on a mobile.

For the most part, there are no problems but there is a major issue regarding the left hand side of the website which is missing - about the first 60pixels. The right scrolling works fine.

Basically, it makes the left hand navigation almost useless because you can't read the menu properly (the first word or two of every link is missing).

I use this method to centre the website - could this be the cause of the trouble?

#page-wrap {background-color:#FFF;width:970px;height:1800px;text-align:left;position:absolute;left:50%;margin-left:-485px;z-index:5}

[lucy24]

Yes.

[webdevfv]

Oh. I will get some checker code and change/remove it if it is a mobile/small tablet.

Any pointers as to the best code/system to adopt.

[lucy24]

Anything with a negative margin will eventually overflow if there isn't enough room. A negative right margin (assuming ltr script) will probably just create a scroll bar; a negative left margin is likely to disappear.

You'll need to put in some responsive code that makes the whole layout behave differently if the overal width is less than {some cutoff number}.