How to remove space below nav menu – Pique Theme

• 

  mindedprojects · Member · Feb 20, 2016 at 12:00 am

  • Copy link
  • Add topic to favorites

  Hi there,

  I’m trying to remove the padding below my title nav menu and my content (starting at the logo image).

  Can anyone else with the CSS?

  J

  The blog I need help with is: (visible only to logged in users)

• 

  mindedprojects · Member · Feb 20, 2016 at 12:24 am

  • Copy link

  Sorry for the typo. Can anyone

  help

  with the CSS? Many thanks.

• 

  sarahblackstock · Member · Feb 22, 2016 at 3:28 pm

  • Copy link

  Hi! I see you’ve got some custom CSS on your site shifting things around already, so you could try adding this to move the logo (and everything below) upward a bit:

  #pique-hero {
  	margin-top: -150px;
  }

  Swap the 150 for whatever number works for you, of course.

  Also, you’ll want to look at it on mobile/other browsers and verify that it looks okay. I didn’t see any obvious issues in my browser, but it’s always good to check various places.

  There are some good tips on using margins like this (including possible pitfalls to look out for) if you’re interested: https://www.smashingmagazine.com/2009/07/the-definitive-guide-to-using-negative-margins/

  Let me know if you have any questions!

• 

  mindedprojects · Member · Feb 22, 2016 at 4:13 pm

  • Copy link

  Thanks so much! Exactly what I needed. -130px worked perfectly.

• 

  sarahblackstock · Member · Feb 22, 2016 at 4:13 pm

  • Copy link

  You’re welcome! Glad it worked. :)

• 

  teslaadvisors · Member · Feb 26, 2016 at 3:16 pm

  • Copy link

  Worked great for me too!

• 

  sarahblackstock · Member · Feb 26, 2016 at 3:44 pm

  • Copy link

  @teslaadvisors – Great! :)

• 

  rokksteady · Member · Mar 5, 2016 at 12:59 am

  • Copy link

  Hi,

  I’m having the same issue but not sure how to implement what your solution. Trying to get the wording on the front page closer to the navigation menu.

  https://rocksteadyfitness.wordpress.com/

• 

  sarahblackstock · Member · Mar 7, 2016 at 3:41 pm

  • Copy link

  Hi @rokksteady! Adding custom CSS requires an upgrade that gives you Custom Design (like the Premium upgrade). If you decide to get an upgrade that allows CSS access, you’ll add the code in Customize > CSS.

  Right now you can try it out by going to Customize > Custom Design, then clicking Try Now to test it out and see how it looks. It won’t save on your site unless you have the upgrade though.

  Let me know if you have any questions! :)