[Support request] Mobile menu on laptop

[Enrico]

Hello, Happy New Year!

I realize just now that the menu of my site is too big, so I would like to display a mobile menu on notebooks and tablets.
I’m using a plugin to for mobile menu, and the menu is OK on Mobile Phone, but it is too big on Tablets and Notebooks.

How to do?
I’m a dummy 🙂 Is it related with Breackpoint on mobile? I have not idea about how many px must be the right size…
The URL of my site is this.

Thank you.

[David]

Hi there,

you should be able to increase the Mobile Menu Breakpoint to 1024px so the GP mobile menu kicks in…. how your plugin sets its display point i am not sure though….

[Enrico]

Thank you David.
I did many try on my laptop, but not success.
So, I decided to add a secondary menu within the top bar.
Please, how can I hide the top bar on mobile?
Thaks again.

[Leo]

You can use this CSS:

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

[Enrico]

Thanks Leo.
Unfortunately it doesn’t work.
The top bar is still there on mobile devices.

[Ying]

Hi Enrico,

Try this css instead:

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

Let me know 🙂

[Enrico]

Ciao Ying,
thanks for helping me.
That doesn’t work either 🙁

[Enrico]

Opps… I’m sorry, it works well!
I don’t know why, but it doesn’t work in the back-end Appearance > selecting Tablet or Mobile Phone view.
It works perfectly on the front-end.
Thank you ver much!

[Ying]

No problem 🙂

Glad it works!

[Author]

Posts