homepage Welcome to WebmasterWorld Guest from 54.227.160.102
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Mobile Internet / Mobile Web Site Design and Development
Forum Library, Charter, Moderators: not2easy

Mobile Web Site Design and Development Forum

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

5+ Year Member



 
Msg#: 4626725 posted 2:28 pm on Nov 29, 2013 (gmt 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}

 

lucy24

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



 
Msg#: 4626725 posted 9:18 pm on Nov 29, 2013 (gmt 0)

Yes.

webdevfv

5+ Year Member



 
Msg#: 4626725 posted 9:17 am on Nov 30, 2013 (gmt 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.

lucy24

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



 
Msg#: 4626725 posted 9:11 pm on Nov 30, 2013 (gmt 0)

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

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Mobile Internet / Mobile Web Site Design and Development
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved