Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 29, 2019 at 11:40 pm #1084746
    Sigmund

    Hi at Kriesi,
    I am trying to make the meü items/links of the mega menu get more narrow together.
    – How can I reduce the left/right padding? I want all 8 items in one row.
    – How can I reduce the top padding?

    I have searched the forum and tried some code but nothing worked.

    Thanks in advance.

    Best Regards

    April 1, 2019 at 7:47 am #1085309
    Nikko

    Hi Sigmund,

    Thanks for giving us admin access.
    Please edit this file: wp-content > themes > enfold > includes > helper-responsive-megamenu.php (line 192):

    if(!isset($args->max_columns)) $args->max_columns = 6;

    replace 6 with 8. Hope this helps.

    Best regards,
    Nikko

    April 1, 2019 at 11:17 am #1085430
    Sigmund

    Hi Nikko,
    thanks, magic, that works!
    Can you refer to my second question too? How do I edit the vertical/top/bottom padding of the items?

    Best Regards

    April 1, 2019 at 11:32 am #1085437
    Sigmund

    Hello Nikko,
    and can you give me advice/link how to integrate the code in my child theme folder? I have put the helper-responsive-megamenu.php file in enfold-child/includes/ but this did not work.

    Best Regards

    April 1, 2019 at 12:26 pm #1085453
    Nikko

    Hi Sigmund,

    Try to copy only this part of the code (line 14-348) then paste it in your child theme’s functions.php:

    class avia_responsive_mega_menu extends Walker {
  
}

    then replace this code:

    if(!isset($args->max_columns)) $args->max_columns = 6;

    to:

    if(!isset($args->max_columns)) $args->max_columns = 8;

    Best regards,
    Nikko

    April 1, 2019 at 1:07 pm #1085479
    Sigmund

    Great, that works. Thanks!
    Can you have on the top/bottom padding too? How do I edit the vertical/top/bottom padding of the items?

    Best Regards

    April 1, 2019 at 1:42 pm #1085502
    Nikko

    Hi Sigmund,

    Try adding this css code in Quick CSS, just adjust the 20px value, just reduce it’s value:

    #top #header #avia-menu ul.sub-menu {
    padding: 20px 30px;
}

#top #header #avia-menu ul.sub-menu.avia_mega_hr {
    padding-top: 0;
}

    Best regards,
    Nikko

    April 1, 2019 at 1:49 pm #1085504
    Sigmund

    Hi Nikko,
    that worked! Thanks again.

    Right now the Mega Dropdown has an width of about 600 px. How can I make it full width or adjust the value in pixels?

    Best Regards

    April 1, 2019 at 6:15 pm #1085612
    Sigmund

    Hi Nikko,
    I have found out by myself:

    .avia_mega_div {
    width: 1310px !important;
    }

    does the trick for my page width.

    Best Regards

    April 1, 2019 at 6:32 pm #1085644
    Jordan Shannon

    Hi,

    I’m glad your issues were addressed. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Mega Menu spacing between links’ is closed to new replies.