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
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
Sure. Sorry. Here it is…
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
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.
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
Like a charm! Thanks so much!
