• 0
Sign in to follow this  
Followers 0

Need help removing space in header

Question

Posted · Report post

Please help me remove the space in my header. I'm trying to remove the vertical gap between the logo & text in the header and the menu bar. 

 

I have isolated this code using the 'inspect element' feature in Chrome:

 

media="all"
 
body .pl-area .pl-section .pl-section > .pl-section-pad {
  1. padding8px;
  2. margin-bottom1em;
}

 

 

Changing the padding to 0px and the bottom margin to 0em works in the chrome editor, but when I transfer it to the custom code box in pagelines nothing happens. 

 

My site is http://test.janetdaviscleaners.com

 

Thank you!!!!

Share this post


Link to post
Share on other sites

6 answers to this question

  • 0

Posted · Report post

This finally fixed it. I'm a bit of a css newb. I hope this doesn't break something else.

 

Thank you all for steering me in the right direction!

 

#mediaboxjkwd58.pl-section.span12.offset0.section-mediabox {
max-height: 68px;
}
 
#plcolumnf4eff3 .section-textbox .pl-section-pad {
margin-bottom: 0;
padding-bottom: 0;
}
1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi,

 

You can try the following code:

 

#mediaboxjkwd58 .section-mediabox .pl-section-pad {
margin-bottom: 0;
padding-bottom: 0;
}
 
#plcolumnf4eff3 .section-textbox .pl-section-pad {
margin-bottom: 0;
padding-bottom: 0;
}

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thank you for the suggestion. Unfortunately it didn't seem to work.

 

I pasted in the custom code section, refreshed pagelines, published, then refreshed page, then I checked it an incognito window in chrome. 

 

I also tried several variants of what you gave me and nothing seemed to work. 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi eopian - Have you tried going back to you original code and adding an important declaration like the following:

 

margin-bottom: {0 !important;}

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thank you for the suggestion. I just tried it and it didn't work either. The problem seems to be the mediabox.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thanks fo r letting us know you got it sorted and how. 

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