Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #1351189

    After updating the parent theme to, 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.


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



    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;

    thanks for your help :)

    Best regards,


    That did the trick. Thanks for the help.



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

    Best regards,

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