How to remove space below nav menu – Pique Theme
-
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)
-
-
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!
-
-
-
-
-
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.
-
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! :)
- The topic ‘How to remove space below nav menu – Pique Theme’ is closed to new replies.