Hello,
We’re trying to create a header like the web I’m sending you. We’ve added the bordered button option to the secondary menu “Contacto”, but it doesn’t work. We’d also like to include an icon in front of the “Idiomas” in the menu like in the example I send you.
Can you help me?
Thank you advance!
BR,
Antonio.
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 Ismael,
I have add the CSS but it no works.
Could yo help me?
Thank you.
BR,
Antonio
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;
}
Best regards,
Ismael
Many thanks, looks great.
How can I remove the separate line?