Archived topic
Mobile menu on laptop
8 replies · Started by Enrico on December 31, 2020
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.
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....
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.
You can use this CSS:
@media (max-width: 768px) {
.top-bar {
display: none;
}
}Thanks Leo.
Unfortunately it doesn't work.
The top bar is still there on mobile devices.
Hi Enrico,
Try this css instead:
@media (max-width: 768px) {
.secondary-navigation {
display: none;
}
}Let me know :)
Ciao Ying,
thanks for helping me.
That doesn't work either :-(
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!
No problem :)
Glad it works!
