Posted by DeNelo on January 18, 2013 at 12:01pm
Hi,
Could somebody please help me here - I've got a new church website coming up. It runs on a Fusion/Aquia Marina template, but the horizontal scrollbar is always showing, and you scroll really far...
This breaks the site on iPads etc.
I have looked and looked in the html but can't find any weird css.
I have posted questions in Fusion and Aquia Marina project pages, but no help there. So now I turn to you..!
The (still a test) site is at http://kristentf.openusource.com (it's in Danish in case you wonder).
Thanks in advance!
Comments
Try a different theme?
Do you still get the empty space on the right if you use a different theme? If so, it might be a module problem.
www.community-technology.com
I don't
Hi,
Switching to a different theme (Danland) removes the empty space on the right (but looks horrid of course).
So I really wonder what it might be.
responsive sidebar problem?
Did you notice that the horizontal scrollbar disappears if you make your browser window more narrow? When the sidebar block moves to the bottom, the scrollbar disappears.
Seems to be related to this issue, popping up with D7 responsive sidebars. Adding a 'position: relative;' to #main fixed it.
-yg
Does it?
The scrollbar never disappears, and always has the same proportion of "empty space", even when the window is very narrow.
And there is no #main anywhere - the issue you point to is for Zen, not Fusion.
Still in the dark...
It's your login box. Use
It's your login box. Use something like Firebug, or dev mode in Safari and use the hover tool, and you'll see that it extends all the way out.
It could be logintoboggan. Or it could be something else. But if you get rid of the login box, I'm guessing you'll see the problem go away.
Hope that helps.
-Joseph
fusion-style.css line 949 has
fusion-style.css line 949 has width: 100%;
If you remove it the problem goes away. You just then have other things to fix.
www.community-technology.com
Thanks everyone
Thanks everyone for looking at this. ian-moran, you hit it - removing the width: 100% from fusion-style.css did the trick (or rather overriding it with "width: auto;" in my local.css.
The login box was off, too, Joseph.
Thanks again - great group, this! :)