Is there a way to make my logo smaller when I scroll the page?

[gabivthobias]

Hello :)

I’m making my page with Kanso theme and so far it has been nice :) I’m learning more about it little by little.

But there is an issue that concerns me. My logo has a subtitle that needs to be big enough to be seen. I made some tests with the logo size but the best small size I found for it was 188x56px.

The only problem is, when I scroll down the page, the header gets smaller, and the margins on my logo get really tight. Is there a way to make my logo smaller after scrolling the page, or the margins bigger, or change the picture to a simpler icon, or something like this?

Sorry for the long post :(

[satori]

Hey @gabithobias,

thank you for choosing Kanso!

There’s no such back-end option in the theme yet, but you can achieve the desired effect by adding the following code to the “Style: Add Custom CSS” tab of the Theme Options panel:

.small-logo { max-width: 100px !important; }

You can adjust the “100” to fit your requirements.

[Author]

Posts