Remove space between Top Bar and Menu

  • Resolved pcukseller

    (@pcukseller)


    8 years, 2 months ago

    https://www.sabertoothsystems.co.uk

    I would like to remove the empty space between the black top bar and the menu (containing the hyperlinks).
    I am running WordPress version 4.7, and I am using the “Storefront Top Bar” plugin to display the top widget.
    However, I wish to remove the space between this top bar and the the menu.

    I thus would greatly appreciate your guidance regarding how I could do this.
    Thank you.

    • This topic was modified 8 years, 2 months ago by pcukseller.
Viewing 2 replies - 1 through 2 (of 2 total)

  • Hello pcukseller,

    => Put below css code into Additional CSS textarea (Dashboard >> Apperance >> Customize) then click on Save & Publish button.
    => If there is no Additional CSS option then put below css code into your current theme’s style.css file located at wp-content/themes/your_current_theme/ folder.


    .site-header {
    height: 77px;
    }
    .col-full {
    top: -84px;
    }
    @media only screen and (max-width: 640px) {
    .site-header {
    height: auto;
    }
    .col-full {
    top: 0;
    }
    }

    Hope this will helps you

    Thread Starter pcukseller

    (@pcukseller)

    Worked great. Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Remove space between Top Bar and Menu’ is closed to new replies.