Home>Support>Disable mobile responsive menu

Disable mobile responsive menu

By jcc, 8 years ago. Last reply by Vegard Kolbeinsen, 8 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    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. 8 years, 11 months ago jcc

    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. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    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. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

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

  5. 8 years, 11 months ago jcc

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

  6. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    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. 8 years, 11 months ago jcc

    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. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    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. 8 years, 10 months ago jcc

    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. 8 years, 10 months ago Andrew Misplon
    Hi, I Work Here

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

  11. 8 years, 8 months ago Vegard Kolbeinsen

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More