Welcome to WebmasterWorld Guest from 54.145.55.135

Forum Moderators: not2easy

Message Too Old, No Replies

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

     
2:28 pm on Nov 29, 2013 (gmt 0)

Junior Member

10+ Year Member

joined:Jan 28, 2005
posts: 164
votes: 0


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}
9:18 pm on Nov 29, 2013 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month

joined:Apr 9, 2011
posts:13218
votes: 348


Yes.
9:17 am on Nov 30, 2013 (gmt 0)

Junior Member

10+ Year Member

joined:Jan 28, 2005
posts: 164
votes: 0


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.
9:11 pm on Nov 30, 2013 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month

joined:Apr 9, 2011
posts:13218
votes: 348


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}.