Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #524225

    Hello to all,

    I have 3 questions about design of sub-menu, see the link of img please in Pivate Content.
    Image will be removed, so for others I am rewriting questions here:
    1) Where I can edit borders around of sub menu please? I mean borders of whole sub-menu block and also for each idem.
    2) I would like to set some nice background for whole block, at least for each item – if it is possible.
    3) I would like to add some bullets, circles or maybe img in front of menu item in sub-menu, where I can do so in CSS please?

    Thank you very much for help. Have a nice day!


    • This topic was modified 5 years, 4 months ago by  Milan.

    Hey Milan!

    Thank you for using Enfold.

    It’s possible to add css modifications in the General Styling > Quick CSS field.

    1.) Use this in the Quick CSS field if you want to add a border:

    .av-main-nav .sub-menu {
        border: 1px solid red;

    2.) This is for the background of each menu items:

    #top .av-main-nav ul a {
        background: yellow;

    Instead of yellow, add the url to the background image.

    3.) And this to add an arrow or bullet:

    #top .av-main-nav ul a:before {
        content: '';
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid green;
        margin-right: 5px;
        float: left;
        top: 5px;
        position: relative;


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

You must be logged in to reply to this topic.