Center Align Background Hover Color in (Uber)Menu

[Fedde]

Hey,

When i hover over my menu items customized with UberMenu the color is not centered. When you hover over the menu items there are blank places as the background color does not cover the full menu item. There are blank spaces above the menu item (blog/start business without product/etc), underneath the menu item, and on the right of the menu item. As there is no space on the left of the menu item, it looks like the hover color is not centered well. This also happends on the non-hover active menu background color. The ideal situation for me would be no blank spaces at all between the dividers. Is this possible?

URL= https://feddewestera.com/

Best regards,

Fedde

[thai]

Hi There,

Please consider that this is a customization request for the bundled plugin and it is outside of our support scope. We will do our best to give you the correct information and methods to do the customization but we will not be able to implement the changes for you.

Did you add this custom CSS? If yes, please find and remove it:

.ubermenu.ubermenu-main .ubermenu-item-level-0 {
    margin: 1px;
}

If NOT, please add this custom CSS under Theme Options > CSS:

.ubermenu.ubermenu-main .ubermenu-item-level-0 {
    margin: 0;
}

After that add this custom CSS as well:

@media (min-width: 980px){
	.ubermenu-nav {
	    display: flex;
	    justify-content: space-between;
	}
	.ubermenu-nav li {
	    flex: 1 0 auto;
	}
	.ubermenu-nav li a {
	    text-align: center;
	}
}

Hope it helps

[Fedde]

Thanks for the fast solution! That worked well!

[jade]

You’re most welcome, Fedde.