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


    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.