Hi Kriesi,
I need the simple task of removing opacity on hover in mainmenu links. Tried all sorts on code on this one. But I guess the opacity is tied to some parent I can’t find the identity off. (limited coding skills!) I’d be screaming of joy, if you’d provide me with custom css that would kill the opacity.
Tried this:
#top #header #avia-menu li.menu-item:hover > a > .avia-menu-text {
opacity: 1 !important;
}
Hey getfred,
Try using this css code:
#top #header #avia-menu li.menu-item > a {
opacity: 1 !important;
}
Best regards,
Nikko
Thanks Nikko. But I’m afraid it doesn’t work. best Frederik
Hi getfred,
Do you have a caching plugin? if yes, please flush out the cache.
The code isn’t fetched in the frontend, I have posted a screenshot of it (link in private content).
I have tested the code with web inspector and it should be working.
Best regards,
Nikko
Thanks Nikko. Strange. Now it works on all other pages than my start/homepage? Maybe this custom css is interferring? I’ve tried a lot of combo’s:
#top #header #avia-menu .menu-item > a > .avia-menu-text {
color: #ffc930;
font-size: 14px;
font-weight: 500;
padding: 5px;
opacity: 1 !important;
}
#top #header #avia-menu li.menu-item:hover > a > .avia-menu-text {
color: #4242f4;
opacity: 1 !important;
}
.av-main-nav li > a:after {
color: #ffc930;
font-weight: normal;
}
Hi getfred,
I apologize for the delayed response.
Can you try adding this code?
#top #header #avia-menu li.menu-item > a {
transition: none !important;
}
Let us know if this helps.
Best regards,
Nikko