Grid Theme - How do I make my logo larger using the grid theme?

Highlighted
New Member
7 0 0

Does anyone have any tips on how to make my logo larger using the grid theme? Thank you :) 

0 Likes
Highlighted
Shopify Expert
866 72 203

You can edit the CSS controlling the logo size. Without knowing the url I can't inspect it, but if you're using Chrome you can right click the logo, then click "inspect", then that will open dev tools so you can identify the CSS class you need to override to adjust the size.

Founder of Speed Boostr (Shopify optimization and dev agency).
Creator of Theme Scientist (A/B testing app).
Creator of Order Automator (app that auto tags + fulfills orders, send emails).
Creator of Tip Jar (add a tip button to your store).
Creator of Shopify Analyzer (first performance analysis tool specifically for Shopify sites).
My team also builds custom apps and automated solutions.
Enjoy the adventure!
0 Likes
Highlighted
New Member
7 0 0
My shop name is Little Audrey

Thank you
0 Likes
Highlighted
New Member
7 0 0

Hi. I have chrome but it isn't allowing me to right click on the logo. Could you please help. Thank you!

0 Likes
Highlighted
Highlighted
Shopify Partner
1 0 1

I just had the same issue. Found the solution here: 

Click - Online Store>Themes>Actions>Edit Code>

Then under Sections>header.liquid - search for this bit of code, the pixel size line was at line 117 for me.

              img: section.settings.logo,
              class: 'logo-image',
              size: '400x800',

It was at 200 x 100, I changed mine to 400x800

xx

1 Like
Highlighted
New Member
1 0 0

Hi there,

I'm having trouble making these changes myself using the direction here. I don't see the specific code language that you're instructing to alter here. Are there any other ways to change the logo size? Or something more specific I should be looking for? 

When I right click on the logo, the info that comes up says that it's 199x42px, so it definitely needs to be changed, right? 

Thanks so much! 

0 Likes