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.

Vantage Premium menu in widget header (want to make non-responsive while keeping main menu responsive)

Resolved 3 replies premiumthemetheme-vantage
10 years ago · Last reply by Magus 10 years ago

I have two menus – the main menu is set via the theme settings and is set to be responsive. This works fine on large and small screens. I have another menu that I have inserted into the widget header. It also shows as responsive but I don’t want this one to do this on small screens as I want it to show as 3 links (login, logout, register) when viewed on any sized screen. The main theme settings affect both menus the same way so I assume I have to change the CSS for the responsive menu – could you advise

URL: http://wolftalent.com

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

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Magus Staff 10 years, 9 months ago

    Hi Johnstanton

    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.

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

    Let us know how you get on

    Magus

  2. johnstanton 10 years, 9 months ago

    This worked perfectly. Thank you very much for the speedy response.

  3. Magus Staff 10 years, 9 months ago

    You are welcome.

    If you need any more help please do not hesitate to open a new support thread.

    Magus

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