Title: Remove extra space under header/menu
Last modified: January 6, 2020

---

# Remove extra space under header/menu

 *  [hazukiryo](https://wordpress.org/support/users/hazukiryo/)
 * (@hazukiryo)
 * [6 years, 5 months ago](https://wordpress.org/support/topic/remove-extra-space-under-header-menu-2/)
 * 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](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fremove-extra-space-under-header-menu-2%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [fevered – a11n](https://wordpress.org/support/users/fevered/)
 * (@fevered)
 * [6 years, 5 months ago](https://wordpress.org/support/topic/remove-extra-space-under-header-menu-2/#post-12298270)
 * 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](https://docs.woocommerce.com/document/customise-the-woocommerce-breadcrumb/#section-4)
   which should get you want you want!
 *  Thread Starter [hazukiryo](https://wordpress.org/support/users/hazukiryo/)
 * (@hazukiryo)
 * [6 years, 5 months ago](https://wordpress.org/support/topic/remove-extra-space-under-header-menu-2/#post-12298544)
 * 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](https://wordpress.org/support/users/fevered/)
 * (@fevered)
 * [6 years, 5 months ago](https://wordpress.org/support/topic/remove-extra-space-under-header-menu-2/#post-12301221)
 * Try this code:
 *     ```
       .storefront-breadcrumb {
           visibility:hidden;
       }
       ```
   
    -  This reply was modified 6 years, 5 months ago by [fevered - a11n](https://wordpress.org/support/users/fevered/).
 *  [hardynet](https://wordpress.org/support/users/hardynet/)
 * (@hardynet)
 * [6 years, 5 months ago](https://wordpress.org/support/topic/remove-extra-space-under-header-menu-2/#post-12309953)
 * 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.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/storefront/4.6.2/screenshot.png)
 * Storefront
 * [Support Threads](https://wordpress.org/support/theme/storefront/)
 * [Active Topics](https://wordpress.org/support/theme/storefront/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/storefront/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/storefront/reviews/)

## Tags

 * [hide](https://wordpress.org/support/topic-tag/hide/)
 * [menu](https://wordpress.org/support/topic-tag/menu/)

 * 4 replies
 * 3 participants
 * Last reply from: [hardynet](https://wordpress.org/support/users/hardynet/)
 * Last activity: [6 years, 5 months ago](https://wordpress.org/support/topic/remove-extra-space-under-header-menu-2/#post-12309953)
 * Status: not resolved