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, 10 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, 10 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, 10 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