Tagged: full width sub menu
Hi!
There are two horizontal lines visible that I would appreciate help in removing. They are not even evenly thick and no matter which option I choose, they won’t disappear.
Thanks!
Joakim
Hey joakimraboff,
Please try the following in Quick CSS under Enfold->General Styling:
.av-submenu-container, #after_submenu_1 {
border: none;
}
Best regards,
Rikard
Hi Rikard!
Thanks. One of the horizontal lines (top one) was removed by your code. Is there a way to remove both?
Kindly,
Joakim
Hi,
Thank you for the update.
You can remove the other border with this css code.
#top .av-submenu-container {
border: 0;
}
Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css or while you are still editing the site.
Best regards,
Ismael
Hi,
Try this CSS as well:
.av-submenu-container {
border-bottom-width: 0;
}
Best regards,
Rikard
Hi Rikard,
Thanks, but the bottom line is still there…even after emptied cache.
Kindly,
Joakim
Hi,
Try this CSS instead:
.av-submenu-container {
border-bottom-style: none;
border-bottom-width: 0;
}
Best regards,
Rikard
Hi Rikard,
Nope, that didn’t fix it either.
Kindly,
Joakim
Hi,
Please try:
#top #main .av-submenu-container {
border-bottom-style: none;
}
#wrap_all .container_wrap {
border-top-style: none;
}
After applying the css, please clear your browser cache and check.
Best regards,
Mike
Yes! That did the trick. Thanks, Mike. And thanks to everybody for trying to solve this.
Kindly,
Joakim
Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike