Site logo

[Resolved] Off-Canvas color hover problem

Home Forums Support [Resolved] Off-Canvas color hover problem

Home Forums Support Off-Canvas color hover problem

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2499987
    russel

    If you hover on the off-canvas menu in this link: https://darkfaqs.com/, it will show the red hover color

    But not in this one: https://darkfaqs.com/2023/01/12/hello-world-3/

    I can’t figure it out, please help.

    #2500038
    David
    Staff
    Customer Support

    Hi there,

    its because the menu item is a parent item for that post eg. a post within the same category.
    by default WP will give the menu item a current-menu-* class because of that relantionship, which attracts the current menu item styles.

    If you want a current menu item to have a hover style add this CSS:

    .slideout-navigation.main-navigation .main-nav ul li[class*="current-menu-"]:hover > a {
        color: #f00;
    }
    #2500185
    russel

    Thank you.

    While you’re at it, is it possible to add an underline while on hover as well?

    #2500469
    David
    Staff
    Customer Support

    Here you go:

    .slideout-navigation.main-navigation .main-nav ul li:hover > a {
        text-decoration: underline;
        text-underline-offset: 5px;
        text-decoration-thickness: 3px;
        text-decoration-color: #000;
    }

    I included the other properties for you to play with

    #2500566
    russel

    Great! Thank you! 🙂

    #2501254
    David
    Staff
    Customer Support

    You’re welcome

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