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.

Adjusting 2nd level menu hoover size

Resolved 1 reply customizationthemetheme-vantage
ssilvola
8 years ago · Last reply by Alex S 8 years ago

Hello,

I’m using Vantage premium and have adjusted my sub menu width and paddings as follows below. But the hoover color is not as wide as the sub menu area. Would you happen to have a solution to my problem? How to adjust the hoover to match the sub menu size?
Kind regards,
– Sanna

/* Vantage Sub Menu Width */

.main-navigation ul ul a {
min-width: 250px;
width: auto;
white-space: nowrap;
}

/* Vantage Sub Menu Items paddings */

.main-navigation ul ul a {
padding: 15px 20px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 8px;
padding-top: 8px;
font-size: 16px;
}

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Alex S Staff 8 years, 8 months ago

    Preface: This is a copy of my premium support reply.

    Hi Sanna,

    This smaller sub menu item issue is occurring due to the sub menu items not being full width by default. You can resolve this issue by adding the following CSS to WP AdminAppearanceCustom CSS:

    .main-navigation .sub-menu .menu-item {
	width: 100%;
}

    You can adjust the color by using the following CSS:

    .main-navigation ul ul li:hover > a {
    background: #00bcff;
    color: #fff;
}

    You might also need to install the SiteOrigin CSS Editor.

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