This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Custom menu in top widget area going “mobile”

Resolved 10 replies premiumthemetheme-vantage
Ryan Wooldridge
Started · Latest reply by Andrew Misplon

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!

URL: http://hpcs.sheepshill.com

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

10
  1. Andrew Misplon Staff

    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;
	}
}
  2. Ryan Wooldridge

    Excellent, thanks for the quick reply!

    Works great but the menu overlaps until i reach 680 pixels then it flows down. Any suggestions?

  3. Andrew Misplon Staff

    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 :)

  4. Ryan Wooldridge

    Version: 2.4.4

  5. Ryan Wooldridge

    I also removed the optimization temporarily.

  6. Andrew Misplon Staff

    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.

  7. Ryan Wooldridge

    That works great, but at the “tablet” size the social media links are not centered

    Thanks!

  8. Andrew Misplon Staff

    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;
	}
}
  9. Ryan Wooldridge

    Thanks for all your help! Seems to be working!

  10. Andrew Misplon Staff

    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.

Have a different question or issue?

Start New Thread