Secondary menu

Hey Antonio,

Thank you for the inquiry.

The button-style will get applied for the items in the main menu, not for secondary menu items. You may need to manually apply the styles to secondary menu items using the Quick CSS field.

These are the css rules for the bordered menu item, which can be adjusted based on your requirements.

#top .av-menu-button > a .avia-menu-text {
    border: 2px solid;
    border-radius: 2px;
}

#top .av-menu-button > a .avia-menu-text {
    padding: 9px;
}

Best regards,
Ismael

Hi,

Thank you for the update.

Did you add the css code as is? You have to modify it a bit to target the appropriate element.

Example:

#top .av_header_transparency #header_meta {
    padding-top: 20px;
    border-bottom: 0;
}

#top #wrap_all .av_header_transparency .sub_menu > ul #menu-item-21 a {
    border: 2px solid #ffffff;
    border-radius: 2px;
    padding: 9px;
}

View post on imgur.com

Best regards,
Ismael