How do I reduce the space between my site logo and the main menu bar?

Hi, @tcnguru

Try adding this in Dashboard – Appereance – Customize – Additional CSS in the Customizer

The first part is exactly what you asked. Play around with that 0px value:

header .header-row-2 {
    margin-bottom: 0px;

A second part is a recommendation. On mobile devices, I would add a small space above and below your logo, but it’s entirely up to you. Here’s the code:

@media (max-width: 767px){
    header .header-row-2 {
       margin-bottom: 5px;

You can learn how to use the Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS.

Hope this helps,
Kind regards!

Oh man, you nailed it! Thanks so much, Vlad…you da man!

happy dance
Glad it works, happy to help!

If your question has been answered, we would love if you would mark this topic as resolved in the sidebar. This helps our volunteers find the topics that still need attention and more people will get helped, possibly like you did.

Thank you!

Source link