Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #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




    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;




    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,



    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.



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

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