Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 10, 2022 at 4:14 pm #1351189
    NicomIT

    After updating the parent theme to 4.9.2.3, the links in the main menu have no color when you click on them. I added the CSS below to the Quick CSS under “General Styling” in the theme options, but it’s not working.

    .header_color .main_menu ul:first-child > li > a:active {
 color: #b3ae40 !important;
}

    I included a link to the website in the private info.

    May 10, 2022 at 4:34 pm #1351198
    Guenni007

    i do not know if your selector is right for your installation – but maybe you add some IDs to the selector to get more weight on them; next the color goes to the text itself : avia-menu-text

    #top #wrap_all .header_color .main_menu ul:first-child > li > a:active .avia-menu-text {
  color: #b3ae40 !important;
}

    Edit: if you click on them – yes then the focus is on them too – but the pseudo class is active for that.
    focus is too – if you have for example a navigation style for disabled people – and the will navigate with e tab or space key. A Return Key then will be the click state – and that is active ;)

    May 10, 2022 at 5:57 pm #1351214
    Yigit

    Hey,

    Thanks for contacting us!

    Active state works on my end but focus state does not. Please add following code to Quick CSS field in Enfold theme options > General Styling tab

    
.header_color .main_menu ul:first-child > li a:focus {
  color: #b3ae40;
}


    @guenni007     thanks for your help :)

    Best regards,
    Yigit

    May 10, 2022 at 6:28 pm #1351238
    NicomIT

    That did the trick. Thanks for the help.

    May 10, 2022 at 6:30 pm #1351241
    Yigit

    Hi,

    You are welcome! Let us know if you have any other questions and enjoy the rest of your day :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Menu Link Color on Click After Update to 4.9.2.3’ is closed to new replies.