Hey all. I've been tinkering with a custom Omega 3.0 subtheme, and I'm having trouble with something in my 'mobile' (i.e., 'global') layout. The staging site is at http://ghcb.framesofreference.ca (and yes, there's lots to fix - be nice, please).
The trouble I'm running into is when you resize the browser down to its narrowest (or view on - for me - an iPhone 3G's mobile Safari). The visible content resizes to fit the viewport, but the underlying body tag seems to want to remain exactly 724px - which means I'm left with the horizontal scroll bar (in a desktop browser, or the equivalent horizontally-scrollable viewport on the iPhone).
I can't seem to find any elements in the apparent right margin/padding space using either Firebug or Safari's web inspector.
Anybody have any tips? Could it be that blasted Views Slideshow (that I'd like to keep from loading for mobile devices but I'm waiting on the WURFL module and mobile context...)?
Comments
Hi, the problem is located at
Hi, the problem is located at your menus, ul#nice-menu-1 to be specific. Put an overflow:hidden on that id and the horizontal scrollbar went away. you would have to check what is happening with the lis inside, maybe the floats are causing troubles
Thanks!
Brilliant! Now that I know where to look, I should be able to sort out a solution. Cheers, mate!