Remove extra space under header/menu

  • Wondering if someone could give me a few pointers. I’m using the storefront theme had a large amount of blank space underneath the header. I was able to reduce this on the front page using the css:

    #content.site-content {
    margin-top: -70px;
    }

    But no luck with other pages, posts, cart, etc.

    You can click on some of the top nav links to see what I mean. Any ideas on how to fix this issue? Thanks!

    Any ideas?

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

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

  • Hey there,

    Looking at your site, it appears the additional space is coming from the breadcrumb. We have some documentation on how to remove this which should get you want you want!

    Thread Starter hazukiryo

    (@hazukiryo)

    Hi there,

    I’ve added the following css:

    .woocommerce-breadcrumb {
    visibility:hidden;
    }
    from the documentation you provided, but that didn’t seem to solve the issue. There’s still a slight difference in the space between the header on the front page versus post/page pages. There’s a much larger gap on the cart and my account pages that I can’t quite figure out either.

    Try this code: 

    .storefront-breadcrumb {
    visibility:hidden;
}

    Try:

      .storefront-full-width-content.woocommerce-cart .entry-header,
  .storefront-full-width-content.woocommerce-checkout .entry-header,
  .storefront-full-width-content.woocommerce-account .entry-header,
  .storefront-full-width-content .woocommerce-products-header {
    padding: 0;
    }
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Remove extra space under header/menu’ is closed to new replies.

Tags