Welcome to WebmasterWorld Guest from 54.198.46.95

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)

10+ Year Member



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)

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



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

10+ Year Member



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)

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



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

Featured Threads

Hot Threads This Week

Hot Threads This Month