Logo size for mobile

Hi @franry,

The image file you’ve used for the logo contains quite a bit of whitespace. If you remove the whitespace, the logo will be smaller on mobile screens. (You might still need to adjust it a bit in CSS to get it exactly as you want it, though.)

— Anders

Thank, you right.
But it is still a problem with height of header on tablet and mobile resolution. Maby I can make it smaller with custom CSS like this

@media ( min-width: 600px ) {
.header-top {
padding: 2rem 0;
}
}

(checked it – don’t work, but I am not a coder)

Hi @franry,

Try the following:

@media ( max-width: 999px ) {

    #site-header .custom-logo-link img {
        max-width: 100px;
    }

}

This will set the logo size on mobile and tablet. Modify the value until you get it to a size you’re happy with.

— Anders

Anders, thank you so much!
Man, you are a great person ??

Thank you!