Archived topic

Hide mobile header on specific page

3 replies · Started by Omar on April 25, 2022

Viewing posts 1–4 of 4

April 25, 2022 at 6:53 pm #2200122

Hello,
I was trying to hide the mobile header from a specific page, but I wasn't able to approach that.
I tried the following code:

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

and it disabled the header from all the page even when I added the page id, and I also tried the following code:
`
body.page-id-8900 .main-navigation .menu-toggle {
display: none;
}

but it didn't work too.

April 25, 2022 at 7:41 pm #2200136

Hi Omar,

To have a better understanding of the issue, may you kindly provide the link to page in question?

You may use the private information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

Hope to hear from you soon. :)

April 25, 2022 at 8:59 pm #2200152

I solved it by using the following code:


body.page-id-9040 .inside-navigation {
display: none;
}

Thank you

April 25, 2022 at 9:03 pm #2200153

Glad you were able to resolve the issue! Feel free to reach out anytime you’ll need assistance with anything else. :)

This archived topic is closed to new replies.

Start building better websites today.