Remove White Space From Home Page

Having tried various things from solutions proposed to others with similar problems in other threads I still haven’t managed to resolve this issue ??

Is there anyone who can help me to reduce the space between the menu and content for the graphy theme? Pretty please!

I’d like to get rid of this white space too. I copied the CSS from the parent theme (for some reason the child theme doesn’t have same level of detail ??). lots of pixels to change the number of but after messing about with the ones that sound relevant, no joy.

I copied Fermus’ custom CSS and likewise could increase the white-space but not reduce it… this makes me wonder if the white space is associated with the navigation bar rather than the header (??)

my site is https://www.ideasglobe.org

Fernus:

From what I can see, edit this code to remove whitespace between the bottom of your menu and the top of the homepage images:

.site-header {
   margin-bottom: 60px;
}

and

.site-header {
  margin-bottom: 36px;
}

Removing the margin-bottom should decrease the whitespace.

Roddyrick:

I didn’t take the time to dig into the problems, but it looks like you’ve got an element placed above your Google Map that is creating artificial whitespace.

ins#aswift_0_expand {
  display: inline-table;
  border: none;
  height: 60px;
}

and

ins#aswift_0_anchor {
  display: block;
  border: none;
  height: 60px;
}

Removing the height:60px from those two elements decreased the whitespace significantly.

Hi atrain300,

That’s fantastic! Did the trick, thank you very much indeed!

Thanks atrain300. I did both your suggestions for myself and for Fermus in my CSS editor but no effect as far as i can tell. As I say am using a child theme that doesn’t give me much to work with in the editor and couldn’t find the code you’re referring to.

Hi Roddyrick,

As you may already know the Custom CSS plugin once installed comes blank. So in my case I won’t find:

.site-header {
margin-bottom: 60px;
}

So I interpreted atrain300’s instructions as the above coding may well be present in the theme’s style.css but that I could over ride it by dumping the latter code atrain300 suggested

.site-header {
margin-bottom: 36px;
}

into the Custom CSS and change 36 to whatever I fancy. So don’t try to find the code take atrain300’s suggested code after the “and” and whack it into the Custom CSS if you have one (if not, download one – I use Theme Junkie Custom CSS plugin).

Prior to this the only way I could reduce the white space was by removing the page title, for eg:

.page-id-12 .entry-title {
display: none;
}

and also by ensuring no H2 style titles are used at the start of the content.

I hope this clarifies atrain300’s post.

awesome. I’d already done the first part of what you suggested- taking Fermus’ code and changing the margin-bottom, this had reduced the whitespace a bit but not nearly as much as i wanted.

but then as you suggested I found H2 styles in the parent css and altered that code to:

‘ }
.entry-content h2, .comment-content h2 {
font-size: 22px;
line-height: 28px;
margin-bottom: 0px;
margin-top: 0px;
}’

Much better! https://www.ideasglobe.org

I have tried to remove the white space between menu and content, but so far nohing has worked on my ZeroGravity Theme.

The website is being tested here https://37.123.117.12/~thomas/

I need HELP! I cannot figure out what is causing white space right above my footer. I think the Parallax picture should be filling the space but instead it is blank. https://www.nixx-media.com