Header menu on mobile
-
Hi,
Although I did not create any menu at all, a header menu (3 lines) appears on the mobile version of my website. Is there any way to get rid of it?
Many thanks
-
Is anyone able to help please?
Some themes may generate automatically a menu if there is none.
You can try and disconnect it via Appearance → Menus (Or via the Customizer).
Perhaps you’ll get a more stable result if you create a new menu, leave it empty, and then attach it to the menu position you want to be empty.
In addition, you could via Appearance → Customize → Extra CSS add a couple of lines that will hide your empty menu, just in case. If you want help in defining that CSS code, then a link to your site or at least a note about what theme you’re using would be needed.Thanks very much for your reply. As far as I can see there is no way of disconnecting the menu. I have also tried to create one and leave it empty as you suggested, but the issue still persists (on mobile only).
I am using the Atlast Business theme (https://ww.wp.xz.cn/themes/atlast-business/) and the website I am building is the following: https://gluoninsight.com/test/ (ultimately it will be https://gluoninsight.com/). If you could help me with the CSS code it would be great!
You can add the following under Appearance → Customize → Extra CSS:
#mobile-menu-nav { display: none; }Just remember to remove this that day when you need the menu there 🙂
Man, that worked perfectly, thanks a lot!
If I am not asking too much… There is one other issue that I am trying to solve: is there any easy way to delete the “learn more” links from the Services section? I’d like to basically leave just a short description for each service on the main page, without redirecting the user to the service-specific pages.
I am not sure you can help with this?
.front-single-service-alt > a { display: none; }You are a life-saver, thank you so much!
The topic ‘Header menu on mobile’ is closed to new replies.
