Space between logo and menu

  • Resolved Paul Maz

    (@paul-maz)


    4 years, 6 months ago

    Trying to minimize the space between my logo and the menu in the header. Have searched high and low for days. Using Storefront theme and WooCommerce. Working on local host so I dont have a link to the page but here’s a link to a screenshot of what I’m trying to eliminate. The space circled in red is what I’m trying to get rid of. Thanks.
    Screenshot

    The page I need help with: [log in to see the link]

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

  • Hi @paul-maz ,

    It’s difficult to provide you with some CSS code without being able to view your site, but adding this CSS code might get you in the right direction:

    @media screen and (min-width: 768px) {
  .site-branding {
    margin-bottom: 0;
  }
  
  .main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
    padding-top: 0;
  }
}
    Thread Starter Paul Maz

    (@paul-maz)

    @senff
    Thank you so much for your reply. That absolutely did the trick. Honestly I spent 2 days looking for the answer and was about to give up. Elegant answer. Again, thank you much!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Space between logo and menu’ is closed to new replies.