[Resolved] Remove header on some mobile pages

Home Forums Support [Resolved] Remove header on some mobile pages

Home Forums Support Remove header on some mobile pages

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #633620
    Tully

    Hi guys,

    I would like to remove the header on mobile for some pages only (such as shopping cart, checkout, etc). I have tried the following css you suggested on another topic:


    @media
    (max-width: 768px) {
    .main-navigation.mobile-header-navigation {
    display: none;
    }
    }

    but no result, I think because I am using gp hooks and things for different headers on mobile?

    Thanks, Tully

    #633678
    Leo
    Staff
    Customer Support

    Hi there,

    Any chance you can link us to the page in question?

    You can edit the original topic and use the private URL field.

    Thanks!

    #633680
    Tully

    Just edited sorry. Did put that in before but I had forgotten to put a topic subject in when I pressed submit, and when I added that it had removed all the url etc.

    #633681
    Leo
    Staff
    Customer Support

    Try this:

    @media (max-width: 768px) {
        .woocommerce-cart .site-header, .main-navigation {
            display: none;
        }
    }
    #633684
    Tully

    Great thanks Leo. If I want to remove the menu also?

    #634105
    Leo
    Staff
    Customer Support

    Just the menu toggle or the entire green navigation bar?

    #651308
    Tully

    The entire nav bar thanks.

    #651314
    Leo
    Staff
    Customer Support
    #651338
    Tully

    Thanks Leo

    #651343
    Leo
    Staff
    Customer Support

    No problem 🙂

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