Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #63887
    MSZ
    Participant
    Premium Member

    Hi, I have added a custom link to one of my menus.

    The “Navigation Label” is as follows:

    linktext <i class=”fa fa-external-link-alt fa-xs”></i>

    Now all shows up fine, however:
    The linktext and the icon hover separately only.
    They do not hover together.

    Expected outcome would be that both hover together.

    Mouse over linktext -> linktext + icon hover
    Mouse over icon -> linktext + icon hover

    How can this be achieved?

    #63891
    vako
    Keymaster
    WP Royal Team

    Hi MSZ,

     

    Can you please describe the issue you have in more detail? Please share a direct link to the page where the issue appears and for more clarifications, please share screenshots of the issue.

     

    Kind Regards

    #63893
    MSZ
    Participant
    Premium Member
    This reply has been marked as private.
    #63896
    vako
    Keymaster
    WP Royal Team

    Hi MSZ,

     

    I will redirect this topic to the developer’s board and they will contact you.

     

    Kind Regards

    #63926
    vako
    Keymaster
    WP Royal Team

    Hi,

     

    Please navigate to Dashboard > Appearance > Customize > Additional CSS section add the following snippet:

    #main-nav a:hover svg {
    
    color: #fff !important;
    
    }

     

    Kind Regards

    #63927
    MSZ
    Participant
    Premium Member

    Worked!

    Thank you very much for the quick & competent support. 🙂

    #63928
    vako
    Keymaster
    WP Royal Team

    Feel free to contact us at any time, we are more than happy to help.

     

    Kind Regards

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