To increase the size and clarity of your logo in the WordPress Hestia theme, make changes using standard WordPress options or custom CSS.
Custom CSS (Quickest & Most Effective) Method:
By default, Hestia restricts the max height of the navbar logo. Adding Custom CSS overrides this restriction:
1. Go to your WordPress Dashboard.
2. Navigate to Appearance > Customize.
3. Scroll down and open Additional CSS.
4. Copy and paste the following CSS code:
/* Increase logo size in Hestia header */
.navbar .navbar-brand img {
max-height: 80px !important; /* Adjust height as needed (default is around 40px–50px) */
width: auto !important;
}
5. Click Publish.