Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #336982

    Hi,

    Got a problem with mega menu
    – The columns seem to have different line heights.
    – Also the 2nd and 3rd column’s 1st and 2nd item’s gap is strangely smaller than among other items

    – any ideas how to fix them?

    Here is some code I have used in the Quick CSS, which might have influence:

    .avia_mega_div .avia-bullet { display:none; margin-top: 0px; }
    #top #header .avia_mega_div > .sub-menu > li > ul > li a { padding: 0px 0px 2px 0px; line-height:25px;}
    #top #header .avia_mega_div {max-width: 860px;}
    #header .mega_menu_title { font-size: 13px; }
    #header .mega_menu_title a { font-size: 13px;}

    Thanks!

    • This topic was modified 9 years, 5 months ago by Johannes.
    #337108

    Hey arteles!

    Thank you for using Enfold.

    We will need to see the actual website. Post the website url here. Ty removing this code:

    #top #header .avia_mega_div > .sub-menu > li > ul > li a { padding: 0px 0px 2px 0px; line-height:25px;}
    

    Best regards,
    Ismael

    #337192

    Thank you for the fast reply.
    Removing the code didn’t work but I found out that these quick css codes, which I had used for normal not dropdown menu fixing were also affecting the mega menu:
    .sub-menu a { line-height: 10px !important;}
    .main_menu .menu ul { width: 230px; }
    .sub-menu li:first-child a { padding-top: 20px !important;}
    .sub-menu li:last-child a { padding-bottom: 20px !important; }

    Removed them and the problem got fixed.

    Have a great weekend and thank you.

    best regards,
    Johannes

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Different line heights in different Mega menu columns’ is closed to new replies.