I am looking for a way to keep the top widget area menu from shrinking to the mobile style while still allowing the main navigation to go mobile.
Thanks!
Custom menu in top widget area going “mobile”
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi Ryan
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: 728px) { #header-sidebar .so-mobilenav-standard + * { display: block; } #header-sidebar .menu-mobilenav-container { display: none; } }Excellent, thanks for the quick reply!
Works great but the menu overlaps until i reach 680 pixels then it flows down. Any suggestions?
Super, glad that helped.
I can’t see because of your optimisation plugin. Which version of Vantage you using? Appearance > Themes, hover over Vantage and click Theme Details. Thanks :)
Version: 2.4.4
I also removed the optimization temporarily.
Thanks :) We introduced a new setting in 2.4.4, give it a try. Go to Appearance > Theme Settings > Logo and enable: No Widget Overlay. Let me know how that goes.
That works great, but at the “tablet” size the social media links are not centered
Thanks!
Sure.
Let’s try:
@media (max-width: 960px) { .widget_vantage-social-media { text-align: center !important; } .widget_vantage-social-media .social-media-icon { display: inline-block !important; float: none !important; } }Thanks for all your help! Seems to be working!
Super :) Glad to hear that did the trick.