[Resolved] Hide header on Mobile WooCommerce

Home Forums Support [Resolved] Hide header on Mobile WooCommerce

Home Forums Support Hide header on Mobile WooCommerce

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1017754
    Coen

    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

    #1017849
    Leo
    Staff
    Customer Support

    Hi there,

    Try adding this as well:

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

    Adding CSS: https://docs.generatepress.com/article/adding-css/

    Let me know if this helps ๐Ÿ™‚

    #1018504
    Coen

    Yes that worked!

    Thanks so much.

    Cheers,
    Coen

    #1018507
    Coen

    Topic resolved.

    #1018809
    Leo
    Staff
    Customer Support

    No problem ๐Ÿ™‚

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.