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, 10 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, 10 months ago

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

  3. Magus Staff 10 years, 10 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