Custom Logo Size

• 

  nickscottdesign · Member · Oct 4, 2017 at 1:44 am

  • Copy link
  • Add topic to favorites

  I can’t seem to get my logo to get any larger on my site. I have tried updating the CSS and the PHP file and nothing works. I can get it smaller but not bigger.

  Site: http://www.IzzyandJasper.com
  Theme: TwentySeventeen

  Thank you!

• 

  nickscottdesign · Member · Oct 4, 2017 at 1:59 am

  • Copy link

  I got the logo bigger for full screen. Now it won’t resize for smaller screens. I also would like it to be centered. Code I used was:

  .custom-logo {
  width: 600px;
  display: block;
  max-width: 600px;
  }

• 

  shubhamgmath · Member · Oct 4, 2017 at 2:19 am

  • Copy link

  Hi Nickscottdesign

  if you want to resize you logo for small screen like for mobiles and ipads etc you need to make this responsive and you have to add the code given below.

  @media only screen and (max-width: 800px)
  .custom-logo {
  width: 300px;
  display: block;
  max-width: 300px;
  }

  You can adjust the width as per your requirement.

  And to make the full screen logo centered you can add the margin left property of css in the class custom-logo. Try with the code

  .custom-logo {
  width: 600px;
  display: block;
  max-width: 600px;
  margin-left:150px;
  }

  Hope this will be helpful to you. Please let me know if any further help you need on this.