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
Thread Starter
franry
(@franry)
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
Thread Starter
franry
(@franry)
Anders, thank you so much!
Man, you are a great person 🙂
Thank you!
