How to increase the logo size?

Hi,

How to increase the logo size?

Thank you

Hi,

How to increase the logo size?

Thank you

Hello there,

The logo size limitation is defined with this CSS code in the main theme’s style.css.


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

To enlarge it, you need to override that stylesheet with this:


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

and put it into your site’s additional CSS option which resides under the Appearance > Customize > Additional CSS.

Regards,
Kharis

Hi Kharis,

That did not work.

Here is the sitw

http://www.pdsnv.com

Kindest regards,
Frank

Hello there,

I am sorry the code doesn’t work for you as your logo is actually short even it’s less than 100px when it scales down proportionally to follow the site branding container area on certain screen width. In your case, you will need this code:


@media only screen and (min-width:768px) {
  
  .site-header .col-md-4 {
    width: 100%;
  }
  
  .site-header .col-md-8 {
    width: 100%;
  }
  
}

@media only screen and (min-width:1025px) {
   
  .site-header .col-md-8 {
    width: 62%;
  }
  
  #mainnav ul.menu > li {
    padding: 7px;
  }
  
}  

Regards,
Kharis