Submenu background on hover – color cut off on right.

[bluecouches]

Please bare with my poor explanation:

I’ve set the sub-menu background color to change with hover. When I hover over a submenu item, the color changes, but it does not fill the entire element.

The sub-menu text color changes and the background color changes, but the background color change only extends around the text of the menu item and not the entire width of the menu line.

I’ve tested the same settings in the demo sandbox and it seems to work normally there.

Screenshot attached.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Add this to your custom css:

nav.std-menu ul.sub-menu > li > a, nav.std-menu ul.menu > li.menu-item > a > i {
  display: block;
  width: 100%;
}

– Kyle

[thepenster]

I’ve added the following to my custom css, but the submenu is still cut off (link: http://displays.adventium.net/)
Products > Accessories > Table covers & hanging banners

nav.std-menu ul.sub-menu > li > a, nav.std-menu ul.menu > li.menu-item > a > i {
display: block;
width: 100%;
}

[Rui Guerreiro – SUPPORT]

Hi,

Try adding the code below to your custom css.

nav#main-navigation .menu ul.sub-menu ul.sub-menu {
width: 200px!important;
}

-Rui