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

    Hallo there,

    I just bought your enfold wordpress theme and im very impressed about the mass of helpfull features. Thank you for this great theme!

    Please help me to find a solution for this case:

    I am using the “small fixed header”, so the logo scales down when scrolling down.

    Now I would like to add a hover effect to the img logo. I have already tried a lot, but didn’t archived it yet.

    I look forward to your answers.

    Thanks a lot in advance!

    Best regards

    Tobi

    #117774

    Hi,

    I tested this using the enfold logo however this is only going to work on a non-fixed header. Please try to import the dummy data and test this one. Put this code on your custom.css

    .logo a:hover {
    display: block;
    width: 192px;
    height: 88px;
    background: url(../images/layout/logo2.png) no-repeat;
    padding: 0 !important;
    }

    .logo img:hover {
    padding: 0 !important;
    position: absolute;
    left: -9999px;
    }

    .logo img {
    padding: 0 !important;
    }

    Regards,

    Ismael

    #117775

    Hi Ismael,

    Thanks you for your answer. I will try your suggestion.

    Is there really no possibility to add hover effect to fixed shrinking header? :)

    Best regards,

    Tobi

    #117776

    Hi Tobi,

    It really just depends on what you want to do. On a basic level, you can just use:

    .logo a:hover{
    opacity: .5;
    }

    For anything more complicated, you would need a bit more complicated css.

    Regards,

    Devin

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘How to add hover to logo’ is closed to new replies.