Home>Support>Mega Menu in Vantage

Mega Menu in Vantage

I’ve read other threads, tired your work arounds, and can not get a mega menu to style properly. I’ve tried WP Mega Menu and Max Mega Menu. Neither will allow for the menu bar to span 100% of the screen, align right or change the width of the submenus. No matter the settings, the menu is only as wide as the top level menu items. The submenus are all as wide as the widest content.
I love your Vantage theme and have really enjoyed using it on other sites. So, I just built out this site as usual. However, one of the menus has 20 artists. That is way too long for a one column menu layout. So a 4 column mega menu is the only option. I’ve been working on this for 3 days; longer than it’s taken me to build the whole rest of the site. I am tempted to find a new theme, but everything is done in your widgets bundle and I wonder if that will transfer. But I’ve hit a brick wall! Your help is greatly appreciated. The site is currently at www.sochelleweb.com.
Thanks for your help and my favorite theme (usually),
Michelle

This is a free community support forum. Replies are not guaranteed. If you need professional email support, please purchase a SiteOrigin Premium license.

  1. 7 days, 23 hours ago Alex S Hi, I Work Here

    Hi Michelle,

    Please remove any CSS added to try and make the menu full width (as it will conflict with the below CSS) and then add the following CSS to WP AdminAppearanceCustom CSS:

    #masthead {
    	padding: 0;
    }
    
    .site-navigation {
    	margin: 0;
    }
    

    How does that look?
    If that doesn’t work, let me know and I’ll check over your CSS.

  2. 7 days, 20 hours ago Michelle Phillips

    Thanks Alex,
    That helped, but there is still a white space to the right of the menu bar, which I was going to deal with. However, it shoves the mobile menu left and cuts off the left side of the menu text (see screenshots below).
    How can I shift those menu items back over and ideally remove the white space on the right side?
    Thanks so much for your help and quick response!

  3. 7 days, 19 hours ago Alex S Hi, I Work Here

    Hi Michelle,

    That’s occurring due to some custom CSS that was used to try and make the menu full width. Please navigate to WP AdminAppearanceCustom CSS and replace:

    .site-navigation {
        background: #343538;
        width: 100%;
        margin-right: -35px;
        margin-left: -35px;
    }
    

    With:

    .site-navigation {
        background: #343538;
    }
    
  4. 7 days, 19 hours ago Michelle Phillips

    OH, ALEX….YOU ARE SO SMART. THANK YOU!!!

  5. 7 days, 18 hours ago Alex S Hi, I Work Here

    Hi Michelle,

    Great to hear that helped! :)
    Please be sure to post another thread if you have any other questions.

Please log in to post on our forums. Signing up is free.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More