Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
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;
}
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.