Make site-logo bigger?


#1

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?


#2

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


#3

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;

}


#4

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