Width problems on mobile site
# December 20, 2012 at 4:15 pm
I have a page styled for mobile devices that when viewed in a desktop browser window re sizes fluidly, but on a mobile device it doesn’t fill 100% of the width there appears to be somthing to the right of the page-container div. Could someone look at the css to see if I am missing something simple?# December 21, 2012 at 1:05 am
There are some issues on my iPhone 4. But, in the viewport meta tag I always only have this:
meta name=”viewport” content=”width=device-width, initial-scale=1″
Not sure if “maximum-scale=2” affect the view…
There is also a red border around the search field which expands outside the content area to the right. I should remove that and see if it solves the problem (div id search-box: border).
// Magnus# January 7, 2013 at 4:36 pm
I removed the maximum-scale Andy. Do you have any suggestions as to why my mobile content is not full width on this page? I could use some suggestions-I can’t find anything.# January 15, 2013 at 10:43 am
Anyone know why there is a huge space to the right of my design? I am desperate!# January 17, 2013 at 8:55 am
Thanks Carl! That did the trick. I cannot believe I forgot the overflow:hidden.
One other thing though, On the navigation when you click on it the search bar drops with the ul and I would prefer it staying in the grey bar at the top. It is floated right or I would just absolutely position it. Any suggestions again would be greatly appreciated.
You must be logged in to reply to this topic.