[Resolved] Hide Secondary Navigation on Mobile

[Atmostfear]

Hello there,

I am looking to completely disable the Secondary Navigation from tablet/mobile devices while keeping it on desktop.

Please advise.

[Leo]

Hi there,

Try this CSS:

@media (max-width: 768px) {
    #secondary-navigation {
        display: none;
    }
}

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

Let me know if this helps 🙂

[Atmostfear]

Hello Leo,

Thank you, it did the trick.

Have a good day.

[Leo]

No problem 🙂

[David]

How can I turn off Secondary Menu on Mobile without relying on css.

Why?

Because on desktop Google PageSpeed Insights drops my score from 100 to 93 for a Cumulative Layout Shift (CLS) greater than 1. While the mobile version still scores 100.

[Author]

Posts