Remove white space in Storefront Theme

Posted on February 18, 2021 by

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

Author

Posts
February 18, 2021 at 2:52 pm #33992

emla
Guest

I am using Woomommerce storefront theme and this CSS has always worked for me but now the white space is back..

#masthead.site-header {
margin-bottom: 0;
}

I want the image to be right under my menu with no spacing, how do I get rid of it?

February 18, 2021 at 3:03 pm #34010
Jesse Owens
Keymaster
Hi Emla-

Thanks for reaching out. We’re not the developers of the Storefront Theme, but we’re happy to help out.

It looks like the extra whitespace is being caused by the padding around the actual menu items in both your navigation menu as well as your cart. I was able to remove it with these rules:
```
div.primary-navigation a {
    padding-bottom: 0px !important;
}
.site-header-cart .cart-contents {
    padding-bottom: 0px !important;
}
```
Author

Posts

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

The topic ‘Remove white space in Storefront Theme’ is closed to new replies.