Archived topic
how to hide menu button on mobile and tablet
11 replies · Started by Karsten on May 9, 2021
Hi friends,
I am using now the Max Mega Menu. In order to avoid two Menu buttons I need CSS not to display the GP Toggle Menu Button on Mobile and Tablet view.
Could you please help?
Here is the link to the website
I tried this code but it does not work:
@media (max-width: 768px) {
.menu-toggle {
display: none !important;
}
}Thank you
Karsten
Hi Karsten,
Your CSS should work but I'm not seeing it added.
Try this to be more specific:
@media (max-width: 768px) {
#mobile-header .menu-toggle {
display: none;
}
}Hi Leo,
thank you for your support.
I have added the CSS you gave me but still the Menu Toggle is displayed on tablet and mobile view.
I'm not seeing my CSS being added at all.
Do you have any CSS added above my code? If so make sure there aren't any syntax errors that stop my CSS from being executed.
I have added the CSS in the customizer but somehow it does not work. I have no idea what has happened.
Could you please check using the credentials below?
Thank you
This is likely the issue:
Do you have any CSS added above my code? If so make sure there aren’t any syntax errors that stop my CSS from being executed.
Do you have any other CSS added in Additional CSS field in the customizer?
If so what if you move my CSS to the very top?
You can also use this tool to check for syntax errors.
I moved your CSS to the top and now it works.
thank you
karsten
No problem :)
This would mean that your other CSS has a syntax error somewhere which stops the CSS below from executing.
You can use this service to check:
https://jigsaw.w3.org/css-validator/#validate_by_input
ah, ok, thank you very much, this information is very helpful.
No problem :)
Hello, it only works om homepage. How can I hide the mobile menu toggle on every page?
Thank you!
Hi Saskia,
Can you open a new topic and link us to your site?
You can use the private info field for your site info.