How can I increase my logo size in the Sense theme?

Store Design
1

Hello Shopify Community,

I’m trying to make my logo bigger than 250px wide in the Sense theme, but I do not know how to accomplish this.

Thank you in advance.

2

@Hofp - this will need css, can you please share your website link?

3

Hi @Hofp ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

4

@suyash1 @AvadaCommerce Hi I have the same issue, I am using the same theme,

Shop: https://ez-loyalintent.myshopify.com

PW: daildi

Thank you

5

@suyash1 @AvadaCommerce Sorry also I would like the logo bigger in the footer.

Shop: https://ez-loyalintent.myshopify.com

PW: daildi

Thanks

6

@San21 - your logo image file is 100x100, if we make it more bigger then it will be blurred, can you please add high resolution image? we can then adjust the size. Right now it will look blurred.

7

@suyash1 Thank you, I changed the resolution, and it is rendered 129:59 ratio. I would like to have it bigger. The same for the image in the footer please. Thanks for your time.

8

The footer logo is solved, just need the code to add to have the logo inside the header bigger. Thks

9

Both logos header and footer are solved, I found how to do it. Thanks.

10

@San21 - great, do let me know if you need anything else.

1 Like
11

Hi there,

Would be great to know the code. Looking to do the same in my header. Logo seems a bit small currently.

12

Hi I am not an expert, but this is what I did. Go to header.liquid

around row 700 (for me) you will find this section. I changed the MAX from 250 to what ever is the size you want.

“type”: “range”,
“id”: “logo_width”,
“min”: 50,
“max”: 450,
“step”: 10,
“default”: 100,
“unit”: “t:sections.header.settings.logo_width.unit”,
“label”: “t:sections.header.settings.logo_width.label”
},

Hope it s help

1 Like
13

I have tried everything to increase the size of mine! My coding looks different to all the images ive seen. Could anyone please help

14

Hello @thesundaysocietyuk,

I hope you are doing well!

Can you please provide your store URL so that I can check it and provide you the CSS which will fix the issue.

15

Hi,

its thesundaysocietyuk.com hope that is what you need!

16

I have checked and confirmed that your store is password protected, can you please provide the password so that I can check it for you?

18

I have checked and confirmed that the width is 328 px. To increase more width, please copy and paste the below code:
.header__heading-logo{
width: 400px;
}

It will show the logo like this

image
image1919×702 74.8 KB

1 Like
19

Thanks for sharing this solution! Adjusting the CSS really helped me increase my logo size in the Sense theme.

20

@geraldbenson Please like my reply and thank you for your response. I am really happy helping you.