Increase header logo size bit more with code

[NinoB97]

Is there a way i could increase the Logo size on my header slightly more witouth reducing the quality of the image with some code? Thanks for you’re help already!

@BSSCommerce-B2B 

 

[BSSCommerce-B2B · Accepted solution]

Add this code to base.css file

.header .header__heading {
   transform: scale(1.1)
 }

[BSSCommerce-B2B · Accepted solution]

Add this code to base.css file

.header .header__heading {
   transform: scale(1.1)
 }

[NinoB97]

Great, works good

[niraj_patel · Accepted solution]

Hello @NinoB97 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width: 767px) {
  .header {
      padding: 8px 2rem !important;
  }
  .header__heading-logo-wrapper img{
       transform: scale(1.2);
  }
   .header--top-center>.header__search{
       margin-left: 20px !important;
   }
  }
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.