Remove extra space under header/menu

  • hazukiryo

    (@hazukiryo)


    6 years, 5 months ago

    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)
  • fevered – a11n

    (@fevered)

    6 years, 5 months ago

    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)

    6 years, 5 months ago

    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.

    fevered – a11n

    (@fevered)

    6 years, 5 months ago

    Try this code: 

    .storefront-breadcrumb {
    visibility:hidden;
}
    hardynet

    (@hardynet)

    6 years, 5 months ago

    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