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
Vantage Premium menu in widget header (want to make non-responsive while keeping main menu responsive)
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
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
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