Menu – Button Style (border) – fill in when hovering?

Hi Pointbreakd!

Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

li.av-menu-button-bordered > a:hover > span.avia-menu-text {
background-color: orange;
}

Best regards,
Yigit

Hi,

I don’t see any bordered menu item in the page but I can see a few styling modification.

.header_color .av-subnav-menu a:hover, .header_color .main_menu ul:first-child > li a:hover, .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a, .header_color .main_menu ul:first-child > li.active-parent-item > a {
    color: #b7c84b;
    border: 2px solid;
    padding: 0px 10px;
    margin-top: 0px;
}

Please remove the modification, set the menu style to “bordered” then add the following css code.

.av-menu-button-bordered:hover a .avia-menu-text {
    background: red;
}

Best regards,
Ismael