Hello,
I’m using the Standard template, and under the main Menu, when hover appears a blue line, I want to remove this blue line. Below the main menu bars there is a gray shadow line that I would like to remove. In the main Menu, I would like to let the Menu blue when hover. All this things would let the my Standard theme like to “newspaper_health” theme (https://demo.tagdiv.com/newspaper_health/), but I want the Menu aligned to left, not right side.
Thank you,
Hi,
Please try this custom css
.sf-menu > li > a:after {
content: none;
}
.td-mega-menu ul.sub-menu {
border-top: 0;
}
Just add this code in Newspaper>Theme panel>Custom code>Custom css
Also please check our header style -> https://forum.tagdiv.com/header-styles/
If you have more question please let me know, also if you need more help with menu please provide a link were I can inspect the problem, in this way I will be able to provide you a better answer.
Thank you for your understanding.
Hello Calin, Thanks your help.
It works for the blue line, but when I hover in main menu, I would like the letters become green. Also, I would like to remove the gradient gray line below the menu.
Could you send me code for that?
Here the site:
https://triboinvest.com.br/
Thank you!!
Hi,
Please try this custom css
.sf-menu a:hover, .td_mega_menu_sub_cats .cur-sub-cat {
color: green;
}
.td-header-gradient:before {
background: none;
}
https://www.screencast.com/t/agnObjHL5
Thanks.
Hi Calin, it works very fine, thank you, you are great!
For curiosity just a question, why when you are opening the page or refresh it, for one second or less, that blue line appears, so disappears?
Thanks,
Carlos
Hi,
That is because the first time is load the default color ( the blue color ) and after that is load the custom color; this can be avoid only if you change the color in theme files.
Thank you.
Great, thank you!
