Archived topic

Hide header on Mobile WooCommerce

4 replies · Started by Coen on September 24, 2019

Viewing posts 1–5 of 5

September 24, 2019 at 8:15 am #1017754

Hi,

I have this CSS in place:

@media (max-width: 768px) {
.woocommerce .site-header {
display: none!important;
}
}

However, on mobile, my header still shows on WooCommerce.

Do you know why and could you help me hide it?

Thanks!

Cheers,
Coen

September 24, 2019 at 9:55 am #1017849

Hi there,

Try adding this as well:

body.woocommerce #mobile-header {
    display: none !important;
}

Let me know if this helps :)

September 25, 2019 at 5:25 am #1018504

Yes that worked!

Thanks so much.

Cheers,
Coen

September 25, 2019 at 5:25 am #1018507

Topic resolved.

September 25, 2019 at 9:34 am #1018809

No problem :)

This archived topic is closed to new replies.