Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 23, 2016 at 2:58 am #676122
    paragonskydive

    Hi,

    Im having a lot of trouble organising my mega menus to look correct – they’re either too big or too small and misaglined – from looking at other posts I have included this into my css

    #top #header .avia_mega_div > .sub-menu > li > ul > li a { padding-top: 0; }

    .avia_mega_div .avia-bullet { margin-top: 0px; }

    #top #header .avia_mega_div > .sub-menu { padding: 5px 10px 5px; }

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

    I would like to make the sub menu fonts approx. 14 pt with the arrows aligned and on the left margin- but just cant seem to make it work with playing around with the font sizes and padding with the code above.

    Would be great to get some advice please!
    Thanks

    August 25, 2016 at 6:05 am #677352
    Ismael

    Hey paragonskydive!

    Thank you for using Enfold.

    Adjust the menu item bullet positioning with the following css code:

    .avia_mega_div .avia-bullet {
    margin-top: 10px;
}

    Regards,
    Ismael

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