Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 18, 2024 at 6:20 pm #1473947
    spokerstradingco

    How do I change the size and the font family for the link in my mega menu?

    December 19, 2024 at 6:32 am #1473987
    Ismael

    Hey spokerstradingco,

    Thank you for the inquiry.

    You can adjust the style of the main menu in the Enfold > Advanced Styling panel. Look for the elements under the Main Menu section. Update us if you need more help.

    Best regards,
    Ismael

    December 19, 2024 at 7:45 pm #1474023
    spokerstradingco

    Hi, I checked the resource you recommend but there is no way to change the just the font family or the link size for the links specifically in my mega menu. I do see a way to change all the element size using the advanced settings but I need the link element specifically in the mega menu. I wanted to have different fonts and sizes for the links and headers in the mega menu. The advanced styling setting make everything the same font. Please let me know if this is doable.

    This thread highlights what I’m trying to do but the code did not work. https://kriesi.at/support/topic/enfold-mega-menu-font-sizes-and-spaces/

    Basically I want the links a different font family than the header and smaller. I thought this code would work but it doesn’t

    #top #header .avia_mega_div > .sub-menu > li > ul > li a { font-size: 16px; }

    December 20, 2024 at 5:54 am #1474040
    Ismael

    Hi,

    Thank you for the update.

    If you need to specifically target the elements in the mega menu, you can start with this css code — take note of the comments:

    /* description */
#top #header .avia_mega_div > .sub-menu > li > ul li {
    font-size: 100px;
}

/* menu items */
#top #header .avia_mega_div .sub-menu li a .avia-menu-text {
    font-size: 50px;
    padding: 50px 0;
}

/* mega menu title */
#top #header .mega_menu_title {
    margin-bottom: 8px;
    font-size: 90px;
    line-height: 1.1em;
    font-weight: 600;
    display: block;
}

    You may need to remove this css code:

    .sub-menu li a .avia-menu-text {
    font-size: 20px !important;
    padding: 20px 0 !important;
}

    And make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings and purge the cache after the modification.

    Best regards,
    Ismael

    December 20, 2024 at 6:35 pm #1474080
    spokerstradingco

    That code is Perfect. Thank you

    December 20, 2024 at 9:12 pm #1474090
    Rikard

    Hi,

    Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Change text size of links and font family in mega menu’ is closed to new replies.