How can I make the header logo smaller? I tried some code that works, but then the logo isn't centered vertically anymore. If you can provide me with the code for different devices, to set the size individually, that would be great. Thank you!
Some code to center it absolutely (like margin-top: auto !important, margin-bottom: auto !important;) would be ideal. Otherwise, the code you provided does the trick.
To make the logo smaller, please follow these guidelines: Your header container is 80px in height, and the logo image has a height of 50px with a top position of 15px. If you wish to adjust the logo to 10px in height, then apply these styles:
Hello,
How can I make the header logo smaller? I tried some code that works, but then the logo isn't centered vertically anymore. If you can provide me with the code for different devices, to set the size individually, that would be great. Thank you!
Hi Teo,
Try increasing the height of the logo with custom CSS as it will try to cover the available width:
#logo img {
height: 50px;
}
increase the height with pixels and add the code to customizer -> additional CSS
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Hey, thank you! I tried this code and it works, but I couldn't get it to be vertically aligned with the menu to the right, as shown in the attachment.
Attached files: Screenshot 2023-12-18 105542.png
Hi Teo, maybe you can adjust the top of the logo? For example
#logo {
top: 25px;
}
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Thanks, that works if I also set position: relative !important;
Is that suitable?
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Some code to center it absolutely (like margin-top: auto !important, margin-bottom: auto !important;) would be ideal. Otherwise, the code you provided does the trick.
To make the logo smaller, please follow these guidelines: Your header container is 80px in height, and the logo image has a height of 50px with a top position of 15px. If you wish to adjust the logo to 10px in height, then apply these styles:
#logo {
top: 35px;
}
#logo img {
height: 10px;
}
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy