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.

Disable mobile responsive menu

Resolved 11 replies customizationthemetheme-vantage
jcc
9 years ago · Last reply by Vegard Kolbeinsen 9 years ago

Hi! I have a website. it’s https://www.ezzeaccess.com/ I have built this using Vantage theme. Everything is great except that I want to disable mobile responsiveness to the menu on the header part only. Is this possible to be done using a CSS codes? I hope someone can help me with this. Thanks..

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

Need fast email support? Get SiteOrigin Premium

Replies

11
  1. Andrew Misplon Staff 9 years, 6 months ago

    Hi Jerahmeel

    Thanks for posting your question.

    You can disable the Vantage responsive menu from AppearanceCustomizeTheme SettingsNavigationMobile Menu.

    Hopefully, that’s what you were looking to achieve. Let us know how it goes.

  2. jcc 9 years, 6 months ago

    Hi! Andrew..

    Thank you for responding.. What I actually want to happen is to disable responsive menu ONLY to the menu on the header part of my website (http://www.ezzeaccess.com). I’d like my main navigation to stay mobile responsive. Is there any way to do this? Maybe through CSS. I hope you can help me with this.. Thanks.

  3. Andrew Misplon Staff 9 years, 6 months ago

    Thanks, I see now. I have advised on this before, let me take a look ASAP on Monday and come back to you with a plan.

  4. Andrew Misplon Staff 9 years, 6 months ago

    Please, reply when you have a chance, this thread will go back onto my list, thanks :)

  5. jcc 9 years, 6 months ago

    Thank you Andrew for help me with this issue. I’ll just wait for your advice by monday…Thanks..:)

  6. Andrew Misplon Staff 9 years, 6 months ago

    You can fix/change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.

    @media screen and (max-width: 480px) {
	.so-mobilenav-standard+* {
	    display: block !important;
	}
	.so-mobilenav-mobile+* {
	    display: none !important;
	}
}

    You might also need to install the SiteOrigin CSS Editor.

  7. jcc 9 years, 6 months ago

    Hi! Andrew..

    I tried adding the CSS codes that you have provided but what happen was it made both my websites’ main navigation and the menu on the header part of my website not mobile responsive.
    What I actually want to happen is to have my main navigation remain mobile responsive and to make the menu on the header part of my website (https://www.ezzeaccess.com) not mobile responsive. Is there anyway we can do this?
    I really appreciate your help.

    Thanks.

  8. Andrew Misplon Staff 9 years, 6 months ago

    My bad! It’s like I did half the task and then switched off.

    Try:

    @media screen and (max-width: 480px) {
	#header-sidebar .so-mobilenav-standard+* {
	    display: block !important;
	}
	#header-sidebar .so-mobilenav-mobile+* {
	    display: none !important;
	}
}
  9. jcc 9 years, 6 months ago

    hi! Andrew… Sorry for the late response.. By the way, I’ve added the CSS codes that you have provided in to my website and it works like a charm..:)
    Thanks for the help Andrew..

  10. Andrew Misplon Staff 9 years, 6 months ago

    Awesome :) Glad to hear that did the trick. All the best.

  11. Vegard Kolbeinsen 9 years, 3 months ago

    I am trying to disable/remove the mobile menu, as I want to use the WP Responsive Menu Pro instead. But after searching all over and trying many different CSS to put into the Custom CSS plugin. I am unable to solve this.

    Anyone have an idea on this?

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