Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1146006

    How can I make menu items look the same as mega menu items?
    Currently, the menu boxes have unnecessary borders, and the font is bold instead of regular.
    However, mega menus look the way I want them to look.
    Please see links in private content for clarification.
    Thank you.

    • This topic was modified 5 years, 1 month ago by apajo.
    #1146711

    Hey apajo,

    Thank you for the inquiry.

    You can adjust the default style of the menu in the Enfold > Main Menu panel. Toggle the “Separator between menu items” settings to remove the borders between the items. And for more style options, go to the Advanced Styling panel and modify the “Main Menu Links” element.

    Best regards,
    Ismael

    #1164670

    Hi Ismael
    The settings don’t seem to have any effect.
    By the way, I don’t mind the separators but the borders of the menus. How can they be so different even when I don’t have any additional styling?

    #1164742

    Hi,

    Thank you for the update.

    This is the default style of the mega menu items.

    #top #header .avia_mega_div > .sub-menu > li > ul > li a {
        width: auto;
        float: none;
        display: block;
        border: none;
        padding: 3px 12px;
        font-weight: 400;
        height: auto;
        line-height: 23px;
    }
    

    While this is the style the default menu items.

    #top .av-main-nav ul a {
        width: 100%;
        height: auto;
        float: left;
        text-align: left;
        line-height: 23px;
        padding: 8px 15px;
        font-size: 12px;
        min-height: 23px;
        max-width: none;
        text-decoration: none;
        font-family: inherit;
    }
    
    #top .main_menu .menu ul li > a {
        color: #fff;
        font-weight: 600;
    }

    They differ in font weight and size. You can use the same css code to override the default styles.

    Best regards,
    Ismael

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