-
AuthorPosts
-
November 16, 2014 at 9:27 pm #352162
When I mouse over my main menu on pages with a transparent header (such as my home page), the menu links display an underline above the drop down menu, that I’d like to remove. I think this only started since updating to Enfold v3.0
ThanksNovember 17, 2014 at 1:21 pm #352377Hi Joe!
Thank you for using Enfold.
You can add this on Quick CSS or custom.css:
.html_header_top .header_color .main_menu ul:first-child >li > ul { border-top: none; }
Cheers!
IsmaelNovember 17, 2014 at 7:19 pm #352632Ismael,
Thanks for your reply. I saved the Quick CSS above and there is no change. Underline still appearing. I did try clearing my cache first. Perhaps I have existing quick CSS that is preventing your code from taking effect? Here is what I have currently in my quick css:.header_color .main_menu ul ul { background-color: transparent; color: black; }
.header_color .main_menu .menu ul li a { background-color: rgba(248,248,248,0.7); color: black; }.header_bg {
opacity: 1;
}.main_color div.hr span, .main_color div.hr {
border-color: blue;}.html_header_top .header_color .main_menu ul:first-child >li > ul {
border-top: none;
}November 18, 2014 at 4:35 pm #353039Hey!
Please try to put it above the Quick CSS field:
.html_header_top .header_color .main_menu ul:first-child >li > ul, .html_header_top #top .header_color .avia_mega_div > .sub-menu { border-top: none !important; }
Best regards,
IsmaelNovember 18, 2014 at 9:13 pm #353244Ismael,
I dont understand your instructions “please try to put it above the Quick CSS field”Do you mean that the order of the quick css matters, and that I need to put this new css above my existing css?
If so, I tried that and see no change – the underlines are still there. Here is my entire Quick CSS as it is currently:
.html_header_top .header_color .main_menu ul:first-child >li > ul, .html_header_top #top .header_color .avia_mega_div > .sub-menu { border-top: none !important; } body { font-size: 18px; } .header_color .main_menu ul ul { background-color: transparent; color: black; } .header_color .main_menu .menu ul li a { background-color: rgba(248,248,248,0.7); color: black; } .header_bg { opacity: 1; } .main_color div.hr span, .main_color div.hr { border-color: blue;}
If that’s not what you mean, I am not sure how to place the CSS you provided “above the Quick CSS field’.
Thanks for your assistanceNovember 18, 2014 at 10:34 pm #353274Hi!
I think there has been a misuderstanding. You would like to remove this line – http://i.imgur.com/AYCsaZF.png?1 is that correct? If so, please add following code to Quick CSS
.avia-menu-fx { display: none; }
Regards,
YigitNovember 19, 2014 at 12:21 am #353373yes, that’s it exactly.
thanks, that did the trick -
AuthorPosts
- The topic ‘main menu underline on homepage’ is closed to new replies.