Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1073602

    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;
    }

    #1074315

    Hey getfred,

    Try using this css code:

    #top #header #avia-menu li.menu-item > a {
        opacity: 1 !important;
    }

    Best regards,
    Nikko

    #1075587

    Thanks Nikko. But I’m afraid it doesn’t work. best Frederik

    #1075746

    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

    #1076068

    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;

    }

    #1077633

    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.