remove big space between header and produut gallery

Hi @rbrb,

Thank you for reaching out to us.

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

.woocommerce-notices-wrapper + .products {
    margin-top: 0;
}

@media only screen and (min-width: 576px) {
    .bhfb-main_header_row {
        padding-bottom: 0;
    }
}

thank you kharis. i found a solve for the products page using this:

.content-wrapper {

    margin-top: 0px;

    margin-bottom: 50px;

}

however now on the individual products pages + cart page the title it too close to the logo. can we fix this?

e.e. main page (title area spacing removed) so looks nice and works: https://powderblue-ibis-266582.hostingersite.com/shop/

but on product detail pages like this (also no title): https://powderblue-ibis-266582.hostingersite.com/shop/product/another-tshirt-bla/
and also the cart page (is a title) the spacing is too tight: https://powderblue-ibis-266582.hostingersite.com/shop/cart/

there is not enough space between the logo and the content for both these..,. is there a way to adjust the padding on these SPECIFIC page”types” but not affect the main page??

thanks for your help!

i switched to using your code and it worked great accross the different pages, thank you!!

one followe up question…. i’m using this code and it affects all pages:

@media only screen and (min-width: 576px) {
.bhfb-main_header_row {
padding-bottom: 40px;
}
}

is there a way i can have the padding set to 0px, but ONLY on the main shop page?

on closer look the spacing between header and content works on SHOP and CART page, but not on the prodcue details pages…. e.g. here: https://powderblue-ibis-266582.hostingersite.com/shop/product/grey-shirt/

is there a way to set 1) a unversal padding for all.
and then 2) a SPECIFIC padding for the main shop page?

is there a way i can have the padding set to 0px, but ONLY on the main shop page?

WooCommerce shop page has specific CSS class name, that you can use to make CSS limit. Try this code:

@media only screen and (min-width: 576px) {
        .woocommerce-shop .bhfb-main_header_row {
                padding-bottom: 40px;
        }
}

Regarding your other concerns, please raise new topics for them. Use one topic for one specific concern, please. If you could do so, you help avoid endless threads this community support channel.