Custom menu in top widget area going “mobile”
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!
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
10Hi 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.
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.