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

    In the submenu area, when you have 2 or more rows, there is a dotted horizontal line. Can we change that to a solid line?

    Also, is there a way to add a white border around that submenu background? Around the entire background, not just the items. Thanks

    #669141

    Hey whazupwidu,

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Vinay

    #669143

    Sure. Sorry. Here it is…

    #669609

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling for the divider:

    #top #header .avia_mega_div > .sub-menu.avia_mega_hr {
        border-top-style: solid !important;
    }

    And this for the border around the background:

    #top #wrap_all .avia_mega_div {
        border:1px solid white;
    }

    Thanks,
    Rikard

    #669613

    Thanks Rikard,

    The border code worked but the first one for the separator only changed the vertical dividers. I mean the horizontal one when there are two or more rows of submenu items.

    #670152

    Hi,

    Please try this instead:

    #top #header .avia_mega_div .sub-menu.avia_mega_hr {
        border-top-style: solid !important;
    }

    If that doesn’t work then please post admin login details in private and we’ll have a closer look.

    Thanks,
    Rikard

    #670158

    Like a charm! Thanks so much!

    #670628

    Hi,

    Great, glad we could help :-)

    Please open a new thread if you should have any further questions or problems.

    Regards,
    Rikard

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Changing the horizontal dotted line in submenu’ is closed to new replies.