Huge White Space on Right Side of Website
Question
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.
1 answers
solution1
1 ACCPTED 2014-04-12 05:41:14
The problem is caused by some CSS on your search input, around line 1456. Remove the width: 100% :
#search-3 input {
width: 100%;
}
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.