@nisbladt
You should be able to accomplish this with a little site specific CSS added in the Customiser, something as follows seems to work for me:
.edgtf-main-menu > ul > li > a:hover {
background-color: transparent !important;
}
@mattyrob That didn’t seem to fix it for me :O
@nisbladt
Sorry, there was a bit more to is than that, try this:
.edgtf-dark-header .edgtf-page-header > div:not(.edgtf-sticky-header) .edgtf-main-menu > ul > li.edgtf-active-item > a span.edgtf-item-inner .edgtf-item-text::after, .edgtf-dark-header .edgtf-page-header > div:not(.edgtf-sticky-header) .edgtf-main-menu > ul > li > a:hover span.edgtf-item-inner .edgtf-item-text::after, .edgtf-dark-header.edgtf-header-style-on-scroll .edgtf-page-header .edgtf-main-menu > ul > li.edgtf-active-item > a span.edgtf-item-inner .edgtf-item-text::after, .edgtf-dark-header.edgtf-header-style-on-scroll .edgtf-page-header .edgtf-main-menu > ul > li > a:hover span.edgtf-item-inner .edgtf-item-text::after {
background-color: transparent !important;
}
@mattyrob I’m so sorry but that doesnt work either 🙁
@nisbladt
I’ve just checked and confirmed that the second lot of CSS I posted works for me in Safari.
@nisbladt
And confirmed as working in Chrome and Firefox too.
Make sure you are copying the whole segment as the code snippet goes way off the right margin.
@mattyrob Just realized i had accidently switched off the dark header in the theme options, switching it on made your code work. What a nice world to live in with people like you – thank you forever! 🙂
Hello,
Put below CSS code into your stylesheet,
header.edgtf-page-header .edgtf-main-menu>ul>li>a:hover span.edgtf-item-inner .edgtf-item-text:after{background: transparent !important;}
Thanks!
Hello,
@nisbladt
If my solution is working then please mark as resolved so others who have faced this type of problem can find the solution easily.
Thanks!
