Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #551249

    Hi there,

    Could I get quick CSS to make the Mega Menu less chunky?

    Ideally thinner, less wide with the Text not neccessarily much bigger than the actual menus font.

    Please see my store dropdown menu

    Is it also possible to make the dotted column/seperators between music | t-shirts | hoodies full black, not dotted?

    Thanks so much for all your support.


    Hi user951!

    Add this to your custom CSS.

    #header .avia_mega_div .units { border-right-style: solid !important; }

    You can change the font sizes in Dashboard > Enfold > Advanced Styling.



    Hi Elliot,

    Thanks for that!

    and could you possibly give me the code for the secondary menu at the top?

    Please hover over Merchandise drop down at the top menu!

    I would like the seperating to be


    rather than




    Please add following code to Quick CSS

    #top .sub_menu li li a {
        border-top-style: solid !important; 



    In relation to this, what CSS do I use to update the font style for the paragraph text that sits within the mega menu? This would be the text that goes within the Description of the menu.


    Hi @gerardbao,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Best regards,


    Sure thing. Private content included.



    You can use this css code:

    #top #header .avia_mega_div > .sub-menu > li > ul li {
        font-family: Arial;
        font-size: 11px;

    Best regards,

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.