[Resolved] no hover color state with page anchors

Home Forums Support [Resolved] no hover color state with page anchors

Home Forums Support no hover color state with page anchors

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #438062
    comichouse

    Our menu does not show a hover coler. I suspect this is because all links are really achors on the same page. How can we fix this?

    #438099
    Tom
    Lead Developer
    Lead Developer

    They’re all current menu items, which don’t have hover states by default.

    You can add them with a little CSS:

    .main-navigation .main-nav ul li[class*="current-menu-"] > a:hover {
        background-color: #222;
        color: #fff;
    }
    #438202
    comichouse

    That works great, thanks!

    #438431
    Tom
    Lead Developer
    Lead Developer

    No problem! πŸ™‚

    #450135
    comichouse

    Whoops! And now it doesn’t work anymore… Did something change in the new version?

    What I want to achieve is a centered menu with hovers. The menu should collaps to a hamburger on mobile. Another thing that broke is the mobile menu doesn’t dissapear anymore after clicking on a menu item.

    This is the current css I use:


    @media
    (max-width: 768) {
    .main-navigation .main-nav ul li a {
    text-align: center;
    }
    }

    .main-navigation .main-nav ul li[class*=”current-menu-“] > a:hover {
    background-color: #ff5a00;
    color: #ffffff;
    }

    #450344
    Leo
    Staff
    Customer Support

    Hmm the hover colors is still working for me: http://www.screencast.com/t/DzhBVqEc

    Just tested the menu on mobile too and it works for me as well. What’s not working for you?

    #450353
    comichouse

    Sorry for not being clear. It is the mobile menu that will not center anymore. In the CSS I use a center align property. But all menu items have a text-align: left!important; property and I’m not sure where this is coming from…

    It does collapse now after clicking an item. I guess this is due to the most recent update?

    Cheers,
    Hans

    #450397
    Leo
    Staff
    Customer Support

    I don’t see: text-align: left!important;

    But anyways you have a syntax error:
    @media (max-width: 768)

    should be:
    @media (max-width: 768px)

    #450422
    comichouse

    Aaaargh!!! Thx πŸ™‚

    #450439
    Leo
    Staff
    Customer Support

    No problem πŸ™‚

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