Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1486596

    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.

    #1486631

    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

    #1486636

    Hi Ismael,

    I have add the CSS but it no works.
    Could yo help me?
    Thank you.

    BR,

    Antonio

    #1486637

    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

    #1486638

    Many thanks, looks great.
    How can I remove the separate line?

    #1486666

    I got it! Many thanks.

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.