ThemeShaper Forums » Thematic

[closed]

Horizontal Scrolling Troubleshoot - Remove

(7 posts)
  • Started 9 years ago by Eleazar
  • Latest reply from Eleazar
  • This topic is not resolved

Tags:

  1. Eleazar
    Member

    I'm not exactly sure what's causing my child theme to show horizontal scrolling. Between Firebug and WebDev Toolbar I can't quite make out which element it is. I think I've been looking at it too long. Anyone care to take a look and see what's causing the horizontal scrolling? My screen resolution is 1280 x 800 by the way. Thanks, all!

    http://mckinleyresidential.co.uk/

    Posted 9 years ago #
  2. My guess is that it has something to do with:

    #access {
        font-size:24px;
        overflow:visible;
        z-index:100;
    	width: 1135px;
    	text-transform: lowercase;
    }
    Posted 9 years ago #
  3. Hi,

    this is caused by the overflow: visible in #access.

    Chris

    Posted 9 years ago #
  4. Eleazar
    Member

    Thanks, guys! That was it.

    Posted 9 years ago #
  5. Eleazar
    Member

    Unfortunately, removing 'overflow: visible' broke the drop-down menu. Switching back for the timebeing.

    Posted 9 years ago #
  6. What happens if you change it to:

    #access {
    font-size:24px;
    overflow:visible;
    z-index:100;
    width: 500px;
    text-transform: lowercase;
    }

    Or a width that will fit in the #header.

    Posted 9 years ago #
  7. Eleazar
    Member

    Hey Devin, thanks for the help and for pointing me in the right direction. It did turn out to be a width issue but with the .menu inherited style from 2c-r-fixed.css which declares width: 940px; for .menu. I simply overrode it with a shorter width and that fixed it. Thanks, guys!

    Posted 9 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.