Make site-logo bigger?

Client at ellenrobinson.com/wordpress2 would like to make the header logo bigger. In the test server version at LiquidWeb, I was able to make it taller via site-logo css, but width had no effect there. Is there a way to allow it to have more width?

Hello there,

Thank you for getting in touch.

Could you please try to increase the max-heihgt value of the .site-logo?

.site-logo {
    max-height: 300px;
}

You should need to adjust it as needed.

Let me know how it goes. I’ll wait to hear back from you regarding your stats.

Warmest regards,
Kharis

Hi Kharis,

Thanks for the tip. This is what I ended up doing to make it work:

.main-navigation ul {
list-style: none;
margin: 0 0 0 120px;
padding-left: 0;
float: right;
}

.site-logo {
height: 123px;
max-width: 493px;

}

Hello there,

Could you please try to add the following CSS code through the Simple Custom CSS plugin?

.main-navigation ul {
  list-style: none;
  margin: 0 0 0 120px;
  padding-left: 0;
  float: right;
}

.site-logo {
  height: 123px;
  max-height: 123px; /* Set maximum height */
  max-width: 493px;
}  

/* Adjust the logo width in the specific viewport */
@media only screen and (min-width: 1025px) and (max-width: 1200px){
  
  .site-logo {
    height: 110px;
    max-height: 110px;
    max-width: 493px;
  }    
  
}  

Let me know how it works for you.

Warmest regards,
Kharis