• 0
Sign in to follow this  
Followers 0

How to Remove Extra space Under Elements in Header


Question

Posted · Report post

I've attached a screen shot. I have 2 columns in my header area. One has a media box (contains my logo) the other has a simplenav and a mediabox (contains the social media icons and a google ad). Under these two columns my nav bar sits. There is a lot of extra space between the bottom of my columns and the top of my navbar.

 

Can you help me? I want to decrease the amount of space between the two. Thanks!

 

[attachment=2390:Header Spacing.png]

 

Share this post


Link to post
Share on other sites

5 answers to this question

  • 0

Posted · Report post

Hi,

 

Try adding the following to your custom CSS:

 

#mediaboxum8e7y .pl-section-pad,
#mediaboxum8e7y p {
  margin-bottom: 0;
}

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I believe that worked. how about decreasing the space between the simplenav and media box?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

You will need to inspect the elements using Chromes dev tools and then reduce the margin/padding on those elements.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Danny, ok I inspected the element with chrome dev tols, and I can see that for some reason there are <p> tags around the google ad....I can take them out in dev tools and can see the difference (and the effect I want) but once I reload the page it's back to the same. There are no <p> tags in my google ad code in the mediabox.....

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

You most likely have a space or line break in before where you added your Google code. If you remove the line break the p tag may be removed. If that doesn't resolve the issue you're going to need to use that MediaBoxes ID and then target the p tag too, like I did in the code above, then remove margins.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0