CODEWITHSUNDEEP
htmlcsswordpressframeworks
Longblog
Longblog

Reputation: 849

Huge White Space on Right Side of Website

I have a Genesis Child Theme that's behaving very strange. The layout looks correct, but there's a huge blank white space on the right side and a scroll bar at the bottom. I can't for the life of me figure out what is causing the white space. There isn't a single div sticking out into that white space when I inspect with developer tools, and I can't find anything in the css that would be causing that issue.

The basic structure of the site is

<body>

  <site-container>

    <header>
    </header>

    <site-inner>
    </site-inner>

    <footer>
    </footer>  

  <site-container>

</body>

There are additional divs within the above structure, but there are tons of them and I'm not sure listing each one is valuable since the site itself will need to be inspected. I can't possibly list the entire code structure since it's a genesis based wordpress site.

Does anyone have a clue what might be causing the whitespace? I encountered this problem once before with a genesis child theme, but it turned out to be an image that wasn't resizing and it was easy to find the issue. This time I can't find it for the life of me.

Here's the site link again.

Upvotes: 0

Views: 2190

Answers (1)

ralph.m
ralph.m

Reputation: 14345

The problem is caused by some CSS on your search input, around line 1456. Remove the width: 100%:

#search-3 input {
    width: 100%;
}

Upvotes: 1

Related Questions