Hi Andrew or colleague,
I now use a plugin for the mobile menu that is a bit more customizable than the standard responsive menu of the Vantage theme.
So I figured I disable the responsive menu in Theme Settings > Navigation and the menu will be gone.
But unfortunately the menu does appear on mobile devices, not response though, but there is still a menu.
I want the menu to be removed because I now have 2 menus with the plugin installed.
Could you please tell me how to remove the menu on mobile devices?
Hi Keesieboy
You can fix/change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.
/* Mobile */ @media (max-width: 1080px) { .site-navigation { display: none; } }Wow do you work 7 days a week :) ? Thanks again for the fast support!
Another question that comes in my mind, how can I hide the masthead on all my WooCommerce products?
I know you can hide the masthead with custom CSS something like this: .page-id-449 header#masthead .hgroup { display: none; }
But when I try to check the page-id of a product, I can’t seem to find that ID and it is a lot of work to check every product for its ID so it would be great if there is a solution for that
Glad to hear that helped. We don’t officially operate over the weekend but do our best to help out when we can :)
You can use the body class:
so something like:
.single-product header#masthead .hgroup { display: none; }Hope that helps.
Yes that helped a lot! Thanks again!
For sure :)