Resize logo mobile version

• 

  aleziell · Member · May 25, 2017 at 12:01 am

  • Copy link
  • Add topic to favorites

  Hi I change my size of my logo on my website by using this CSS code:

  .site-logo {
  min-height: 300px !important;
  min-width: 500px !important;
  }

  The problem is when I pass on mobile version, the logo don’t change automatically is size.

  What can I do?

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · May 25, 2017 at 3:32 am

  • Copy link

  Hi, replace the code you have above with the following and see what you think.

  .site-logo-link img {
      height: auto;
      max-height: 320px;
      max-width: 600px;
      width: 90%;;
  }