Remove header-images on all shop-related sites

Hi there,

I’d like to remove the header-images from all shop-related pages (shop/archive, cart, my account) but not on my other pages.

I couldn’t find a solution that suited my situation on the forum. Still, is there an easy way to do just that?

All the best,
Tobi

Hello Tobi,

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

    .woocommerce .sydney-hero-area {
      display: none;
    }

    .woocommerce .site-header {
      background-color: #000;
    }

    .woocommerce .site-header.float-header {
      background-color: rgba(0,0,0,0.9);
    }

Regards,
Kharis

Hi Kharis,

thank you for the fast reply. Sadly the Code you provided didn’t work on the ‘cart’ & ‘my account’ pages. Also there is a landing-page for PayPal redirections, that should have no header image too: www.neuton.de/shop/pplanding

And on the ‘shop’ Page the Headline of the Sidebar is now hiding behind the Top Menu.

Here’s a Link to the full website im working on:

Im looking forward to hear from you again.

All the best,
Tobi

Hello Tobi,

Try this code:

    .woocommerce .sydney-hero-area,
    .woocommerce-page .sydney-hero-area,
    .page-id-2065 .sydney-hero-area {
      display: none;
    }

    .woocommerce .site-header,
    .woocommerce-page .site-header,
    .page-id-2065 .site-header {
      background-color: #000;
    }

    .woocommerce .site-header.float-header,
    .woocommerce-page .site-header.float-header,
    .page-id-2065 .site-header.float-header {
      background-color: rgba(0,0,0,0.9);
    }

Regards,
Kharis

Hi Kharis,

thanks again! That worked like a charm as far as the header images go. BUT the Sidebar moved up and is now partially hidden by the top menu on alle the pages. On the shop page it’s a little less but still.

How do i get the sidebar to come back down? :smiley:

regards,
Tobi

Hello Tobi,

Try adding this CSS code:

    .woocommerce .page-wrap,
    .woocommerce-page .page-wrap,
    .page-id-2065 .page-wrap {
      padding-top: 150px !important;
    }

Regards,
Kharis

Hello Kharis,

thanks again for the help. Now everything is perfect!

regards,
Tobi

You’re welcome Tobi!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis