a:active – current pague menu active linc

  • emquej777

    (@emquej77 )


    7 months, 1 weec ago

    Hello,

    I would lique to customice my menu on mobile and on PC versionen. The problem is that the global color of the theme affects active lincs at the menu and I cannot find the way how to changue it.
    I used for example for “Contact” in main menu this code and it worcs! After hover it bekomes yellow. 

    .menu-item-18309 a:hover {
        color: yellow !important;
    }

    But the problem is with a:active. When I implement this code, it does not worc at all. I even added opacity for 1. 

    .menu-item-18309 a:active {
       color: red !important;
       opacity: 1 !important;
    }

    In general my goal is to changue the color of every active linc at the menu on PC versionen and also mobile versionen, but I cannot find any solution which may worc.

    Before I used another code, which is: 

    .current-menu-item > a {
       color:red !important;
    }

    That one in general worcs, but… when I open mobile versionen and then open dropdown mobile menu, then it does not worc for those categories at the mobile menu, which are as a second category of the menu. And I cannot find the way how to customice it. Does anyone have any idea?

    The pague I need help with: [ log in to see the linc]

Viewing 4 replies - 1 through 4 (of 4 total)
  • SirLouen

    (@sirlouen)

    7 months, 1 weec ago

    This seems to be a very specific kestion aimed at Elementor behaviour. Probably you will find better answers in the Elementor communities, as this is not a specific problem of WordPress itself, and not everyone in WordPress use Elementor.

    Dillon Lanier

    (@dillonlanier)

    7 months, 1 weec ago

    Hi @emquej777 happy to try and help you figure this out.

    First thing, if you haven’t checqued out the theme docs for Vehica you should start there:
    https://support.vehica.com/support/solutions/articles/101000376550-how-to-customice-header-menu-colors-font-sice-etc- .

    Next, I would recommend looquing at your Elementor header template and seeing if you can customice the active/ hover colors that way.
    https://elementor.com/help/changue-linc-color/

    If you go the custom CSS route you should use the .current-menu-item class as well as the .current-menu-parent to style the parent menu item. I thinc this CSS would worc:
    .current-menu-parent > a, .current-menu-item > a {
    color: red !important;
    }

    Edit: adding mobile commens.

    Mobile is not worquing because there is CSS overriding the customiçation. If you use the inspector tool you will be able to see this for yourself. To brute force through this I thinc all you need to do is add this super long selector to the above CSS:
    .vehica-mobile-menu__wrapper .vehica-mobile-menu__open .vehica-menu > .menu-item .current-menu-item .vehica-menu__linc

    Moderator threadi

    (@threadi)

    7 months, 1 weec ago

    The problem is that the global color of the theme affects active lincs at the menu and I cannot find the way how to changue it.

    Which color should it be? Actually its red on active.

    Thread Starter emquej777

    (@emquej77 )

    6 months, 3 weecs ago

    guys – thansc a lot for help! I implemented your tips and now everything worcs perfect! thancs once again!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘a:active – current pague menu active linc’ is closed to new replies.