Vantage Premium menu in widget header (want to make non-responsive while keeping main menu responsive)
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
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
3Hi 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
This worked perfectly. Thank you very much for the speedy response.
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.