We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Logo Size

Solved

Logo Size

BLola
Excursionist
41 0 8

Hi! Does anyone know how I can increase the size of the logo? Thanks!

Website: My Store (busylola.com)

 

Screenshot (30).png

Accepted Solution (1)

BSSCommerce-HDL
Shopify Partner
2305 835 907

This is an accepted solution.

Hi @BLola

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

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.header__heading-logo-wrapper {
    scale: 1.2;
}
</style>

Here is result:

BSSCommerceHDL_0-1724083685790.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you  😍

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

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

View solution in original post

Replies 3 (3)

namphan
Shopify Partner
2777 358 407

 

Hi @BLola,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.header__heading-logo {
    width: 250px;
}
Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com

BSSCommerce-HDL
Shopify Partner
2305 835 907

This is an accepted solution.

Hi @BLola

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

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.header__heading-logo-wrapper {
    scale: 1.2;
}
</style>

Here is result:

BSSCommerceHDL_0-1724083685790.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you  😍

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

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

BSSCommerce-B2B
Shopify Partner
1972 564 567

Hi @BLola 

I have reviewed your requirement, you just need to edit css script and the issue will be resolved.  You can follow my instructions! 

 

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

BSSCommerceB2B_0-1724088480008.png

 

Step 2: Search for the file base.css. And add this code snippet to the end of the file.

img.header__heading-logo.motion-reduce {
    scale: 1.5 !important;
}

 

I see your logo image have size: width 180px, height 127px 

BSSCommerceB2B_1-1724088583896.png

So this step, you can change the value of attribute "scale" to increase the size of logo.

 

Step 3: Save and reload home page.

=>> The result: 

BSSCommerceB2B_2-1724088645061.png

 

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir! 

 

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