How can i make my logo larger please?

Solved

How can i make my logo larger please?

saabbb1212
Excursionist
45 3 14
Accepted Solution (1)

Danish864
Shopify Partner
57 4 10

This is an accepted solution.

Hi. if you want your logo to get bigger on mobile you can try this code.

<style>
@media only screen and (man-width: 768px)
{
header .header__heading-logo-wrapper
{ scale: 1.7 !important; }
}
</style>


Please like my answer and accept it as solution if it helps you. 😊

View solution in original post

Replies 8 (8)

Zopi
Shopify Partner
91 8 52

Hi @saabbb1212

 

You can go to your Shopify admin > Online store > Theme > Customize > Theme setting > Logo (dropdown menu) > click on the logo > Resize. Once done with this, click Apply.

 

ZopiSupport_0-1730343685964.png

Found my advice useful? A like or marking it as the solution would be appreciated!


 Available on Shopify App Store and start FREE now.
Join us today on our website: https://zopi.io/
Visit our Help Center or email us for personalized onboarding assistance, get access to exclusive dropshipping news and tutorials.

BSSCommerce-B2B
Shopify Partner
1966 564 566

@saabbb1212,

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head>

 

<style>
@media only screen and (min-width: 768px) {
  header .header__heading-logo-wrapper {
    scale: 1.4!important;
  }
}
</style>

 

Result:

BSSCommerceB2B_0-1730343921204.png

If it helps you, please like and mark it as the solution.

Best Regards 😊

 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

saabbb1212
Excursionist
45 3 14

hi, it didnt really get bigger.thanks though 

Danish864
Shopify Partner
57 4 10

This is an accepted solution.

Hi. if you want your logo to get bigger on mobile you can try this code.

<style>
@media only screen and (man-width: 768px)
{
header .header__heading-logo-wrapper
{ scale: 1.7 !important; }
}
</style>


Please like my answer and accept it as solution if it helps you. 😊

saabbb1212
Excursionist
45 3 14

thanks heaps!

 

Danish864
Shopify Partner
57 4 10

There is small error in the code. I advise to edit the previous code. It will make your logo look better on your store.

<style>
@media only screen and (min-width: 768px) {
  header .header__heading-logo-wrapper {
    scale: 1.4 !important;
  }
}
@media only screen and (max-width: 768px) {
  header .header__heading-logo-wrapper {
    scale: 1.6 !important;
  }
}
</style>

 

DaisyVo
Shopify Partner
389 65 61

Hi @saabbb1212 

 

I can not find your store to check, could you please kindly share with me your store URl?

 

Best,

 

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
Explore other solutions
here. Live Chat Support is available 24/7.
saabbb1212
Excursionist
45 3 14