Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #874213

    Hi guys,

    I would like to have bullet points before each sub menu item in the mega menu. Also a small blue bar on top of the submenu would be nice.
    The problem is that I can’t find the right CSS in order to achieve this. Please see the desired layout here
    Help is much appreciated!

    Best regards,

    Steven

    • This topic was modified 7 years, 1 month ago by steviger.
    #875383

    Hey steviger,

    ul.sub-menu li {
    list-style-type: circle !important;
    }

    That should be working properly

    Best regards,
    Basilis

    #876154

    Hi,

    I’m afraid not. Tried this one too but no luck.

    ul.sub-menu li a {
    list-style-type: circle !important;
    } 

    And how do I create a small blue bar on top of the submenu?

    Regards,

    Steven

    #877197

    Hi,

    Try without the li please and let me know if it works

    Best regards,
    Basilis

    #877511

    I’m afraid not. I gave you Admin access in case you want to give it a try ;)

    Regards,

    Steven

    #878862

    Hi,

    Which page can we see please?
    I mean, where you have that area where we can locate that problem?

    Best regards,
    Basilis

    #879106

    Hi,

    Please see PC.

    #879767

    Hi,

    Try using this css code:

    #header .avia_mega_div ul.sub-menu li span a {
        list-style-type: disc !important;
        list-style-position: inside !important;
        display: list-item !important;
    }

    Hope this helps :)

    Best regards,
    Nikko

    #879817

    Hi Nikko,

    That’s the one. Thanks!

    Regards,

    Steven

    #879842

    Hi,

    Glad we could help. THanks for using Enfold :)

    Best regards,
    Nikko

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘[SOLVED] Styling mega menu’ is closed to new replies.