How can I subtly increase my logo size when hovered in the header?

[flammagreg]

How can I slightly enlarge my logo on hover in the header? Any help is greatly appreciated!

[sipajones]

This is basic CSS...

.header__heading-logo {

     transition: transform .2s;

}

.header__heading-logo:hover {

    transform: scale(1.5);

}

[flammagreg]

Should I put this code in the header.liquid file?

[sipajones]

Add it to base.css

The number in 'scale' decides how much larger it will be 1 means no change

Also recommend w3schools for some excellent tutorials on html and css. If you get into that, start learning Shopify Liquid for loads more cool features.

[PageFly-Richard]

Hi @flammagreg 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.header__heading-logo:hover {
    transform: scale(1.2);
}
</style>

Hope this can help you solve the issue 

Best regards,

Richard | PageFly