Remove space between header and menu bar

  • Resolved thirstybeaver

    (@thirstybeaver)


    7 years, 4 months ago

    My site is http://www.academed.org and you will see that there is a gap between the menu bar buttons and the header. I want to remove this space to make the menu bar appear in-touch with the header block.
    I have tried all the code snippets available in the forums and support sites but nothing worked so far. Also I have tried with some CSS commands but nothing worked. Can someone help me to remove this space between the header and the menu bar please.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Anonymous User 16453565

    (@anonymized-16453565)

    7 years, 4 months ago

    Hey, @thirstybeaver

    To remove the space, go to Appearance → Customize → Additional CSS and enter the following css code:

    .site-branding {
  margin-bottom: 5px; /* Add your desire pixels */
}

    Let me know if that does it.
    Thank you.

    tapiohuuhaa

    (@tapiohuuhaa)

    7 years, 4 months ago

    Sorry – I had here text, which related with CSS-problem, but it was different.

    • This reply was modified 7 years, 4 months ago by tapiohuuhaa.
    laceyrod

    (@laceyrod)

    Automattic Happiness Engineer

    7 years, 4 months ago

    Hi there,

    I just wanted to touch base and see if everything was now working for you? I took a look at the site, and the spacing looks great!

    Let us know if you are all sorted, and we’ll get this thread resolved. Otherwise, if you need help still, let us know!

    Thanks!

    Thread Starter thirstybeaver

    (@thirstybeaver)

    7 years, 4 months ago

    You are great, Snehal Brahmbhatt.

    It worked perfect. Thank you a million!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Remove space between header and menu bar’ is closed to new replies.