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.

Menu Padding

Open 3 replies premiumthemetheme-vantage
aarthur
10 years ago · Last reply by Andrew Misplon 10 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.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Andrew Misplon Staff 10 years, 6 months ago

    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. aarthur 10 years, 6 months ago

    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. Andrew Misplon Staff 10 years, 6 months ago

    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.

Have a different question or issue?

Start New Thread