Home>Support>Menu Padding

Menu Padding

By aarthur, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

Hello,
My second-level menu padding on hover is inconsistent in Vantage Premium. Some items look like this:

View post on imgur.com


while others look like this on mouseover:

View post on imgur.com


How can I make them all have the full width on hover (like in the second link)?
Best,
Sage

URL: http://wp.environmentaldashboard.org/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Hi Sage

    Try adding the following at Appearance > Custom CSS:

    /* Vantage Sub Menu Width */

.main-navigation ul ul a {
	width: auto !important;
}

.main-navigation ul ul li {
	min-width: 200px;
	white-space: nowrap;
	width: 100%;
}

    Hope that helps.

  2. 9 years, 1 month ago aarthur

    Hm, that messed up my sub-sub-menu structure quite a bit. I instead added this to my child theme:

    .main-navigation ul ul a {
  width: 213px;
  padding: 15px 20px;
}

    Which fixed everything but the “Building Dashboards” menu item. Any ideas?

    http://wp.environmentaldashboard.org/

    Best,
    Sage

  3. 9 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Apologies. Your new Custom CSS should work, just bump 213px up to say 220px.

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