Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
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!
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.