Archived topic

Turn Off Secondary Menu on Mobile

4 replies · Started by David on January 30, 2019

Viewing posts 1–5 of 5

January 30, 2019 at 12:57 pm #796996

Hi,

I want to turn off the Secondary Menu on mobile devices, since I am using the Slide Out Menu for mobile only.

I tried:

@media (max-width: 768px) {
.top-bar {
display: none;
}
}

But it did not work for me.

Also looked to see if I could use a layout element for to hide, but mobile was not an option.

What would you recommend?

Thanks,

David

January 30, 2019 at 1:06 pm #797003

Hi there,

Try this:

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

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

Let me know if this helps :)

January 31, 2019 at 6:25 am #797533

Thanks Leo, it worked.

January 31, 2019 at 9:42 am #797883

No problem :)

November 19, 2020 at 8:38 am #1537857

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.

This archived topic is closed to new replies.

Start building better websites today.