This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Remove Menu on mobile devices only

Resolved 6 replies premiumthemetheme-vantage
keesieboy
10 years ago · Last reply by Andrew Misplon 10 years ago

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?

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

6
  1. Andrew Misplon Staff 10 years, 4 months ago

    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;
	}	
}
  2. keesieboy 10 years, 4 months ago

    Wow do you work 7 days a week :) ? Thanks again for the fast support!

  3. keesieboy 10 years, 4 months ago

    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

  4. Andrew Misplon Staff 10 years, 4 months ago

    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:

    .single-product

    so something like:

    .single-product header#masthead .hgroup { 
display: none; 
}

    Hope that helps.

  5. keesieboy 10 years, 4 months ago

    Yes that helped a lot! Thanks again!

  6. Andrew Misplon Staff 10 years, 4 months ago

    For sure :)

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread