Logo Size

Store Design
, , , ,
1

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

Website: My Store (busylola.com)

Screenshot (30).png
Screenshot (30).png1920×860 264 KB

2

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;
}
3

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 tag:

Here is result:

BSSCommerceHDL_0-1724083685790.png
BSSCommerceHDL_0-1724083685790.png1912×530 186 KB

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 :heart_eyes:

4

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
BSSCommerceB2B_0-1724088480008.png400×195 26.3 KB

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
BSSCommerceB2B_1-1724088583896.png552×280 31.9 KB

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
BSSCommerceB2B_2-1724088645061.png1906×711 244 KB

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!