Home>Support>Mega Menu in Vantage

Mega Menu in Vantage

By Michelle Phillips, 5 years ago. Last reply by Alex S, 5 years ago.

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 our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 5 years, 8 months 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. 5 years, 8 months 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. 5 years, 8 months 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. 5 years, 8 months ago Michelle Phillips

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

  5. 5 years, 8 months 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.

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More