Home>Support>Hide mobile menu only

Hide mobile menu only

By Adam Molenda, 9 years ago. Last reply by Alex S, 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 Vantage Premium theme on my WordPress. I don’t bought premium features.

Can I hide menu bar in mobile view only? I want to leave menu in full-width view of the page only.

Can you help me out?

Thanks a lot :-)

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 8 months ago Adam Molenda

    Anyone knows how to do it?

  2. 9 years, 5 months ago yorkterrier

    +1 for such question. Anyone help?

  3. 9 years, 5 months ago Alex S
    Hi, I Work Here

    Hi,

    You can do this by adding custom CSS. The following CSS will hide the menu when the users window is smaller than 1000px.

    @media (max-width: 1080px) {
  .main-navigation ul {
    display: none;
  }
}

    If you’re doing this for a responsive menu; that’s fine. I will however suggest that you use Responsive Menu as that has typically gotten the best results (visually) with Vantage.

    • 9 years, 5 months ago Adam Molenda

      Thank you a lot!

    • 8 years, 4 months ago Adam Molenda

      @Alex

      Can you help me with Origami theme with the same problem? Can I hide menu on mobile version of site?

      Thanks :-)

  4. 8 years, 4 months ago Alex S
    Hi, I Work Here

    Hi Adam,

    Please use:

    #menu {
	display: none;
}
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