Menu Header Text Doesn't Light Up - Mouseover

Home › Forums › Jevelin Theme › Menu Header Text Doesn't Light Up – Mouseover

Home › Forums › Jevelin Theme › Menu Header Text Doesn't Light Up – Mouseover

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    RESOLVED Posts

  • rachelmball
    Participant

    Hi! I love how on https://jevelin.shufflehound.com/, the text in the top menu subtly lights up when you mouse over it. This is a very subtle yet lovely touch. It doesn’t so this anymore on https://jevelin.shufflehound.com/beauty/, I’m curious if there’s any way I can achieve the effect in the Jevelin Beauty theme? Perhaps a snippet of custom code? Fingers crossed!

    Shufflehound Support
    Moderator

    Solution for this topic

    Hi @rachelmball,

     

    Thank you for your question.

     

    You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    #page-container .primary-desktop-light .sh-header:not(.sh-sticky-header-active):not(.sh-header-10) .sh-nav>li>a {
    color: rgba(255,255,255,0.85) !important;
}

#page-container .primary-desktop-light .sh-header:not(.sh-sticky-header-active):not(.sh-header-10) .sh-nav>li:hover>a {
    color: #fff !important;
}

     

    Best regards,
    Shufflehound team

    rachelmball
    Participant

    Thank you!

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)