Sense Theme - Enlarging the Logo

Store Design
,

Topic summary

Goal: Enlarge the logo in Shopify’s Sense theme without increasing the header height.

Context and inputs:

  • OP showed images comparing the undesired enlarged header vs. the desired fixed-height header with a larger logo.
  • Store URL and storefront password were shared upon request for review.

Proposed solutions:

  • Add custom CSS targeting desktop (e.g., @media (min-width: 990px)) and scale the logo element via transform: scale(…) so the visual size increases without changing the header’s layout height.
  • Implementation paths mentioned: paste CSS in the Header section’s Custom CSS, or add code via Online Store > Edit Code > theme.liquid (before ).

Key technical note:

  • Using CSS transform scales the rendered logo without affecting the header’s box dimensions; the media query limits changes to larger screens.

Outcome:

  • OP confirmed the solution worked and expressed thanks; helper acknowledged. The thread appears resolved.

Notes:

  • Images were central to illustrate the undesired vs. desired header appearance and the final result screenshot.
  • No remaining open questions or disagreements were noted.
Summarized with AI on December 17. AI used: gpt-5.
1

Hi all,

I am currently using Sense Theme and has trouble making my logo bigger while retaining the header dimensions. Is there a way to solve it?

When I tried to enlarge my logo via the header section, the header dimension enlarges as well.

Please see attached image:

  1. This is not what I want.

This is what I don't want
This is what I don't want2116×578 46.6 KB

  1. Is there a way to enlarge the logo while keeping this header dimension?

Is it possible to enlarge the logo while retaining this header dimension?
Is it possible to enlarge the logo while retaining this header dimension?2138×434 39.6 KB

Thank you!

1 Like
2

Hey @ppixie

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

3

Could you share your store URL?

4

hello @ppixie

can you please share your Website URL
thanks

5

hello! The URL is https://playfulpixie.co/

PW is ppstore

6

You can try to add this code to Custom CSS of Header section and check

@media (min-width: 990px) {
.header__heading-logo { transform: scale(1.8); }
}

Screenshot 2024-10-03 at 15.33.09.png
Screenshot 2024-10-03 at 15.33.09.png2454×554 67.5 KB

7

hello! its https://playfulpixie.co/

pw ppstore

8

Hey @ppixie

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1727944689988.png
Moeed_0-1727944689988.png1906×213 11.7 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

9

Thanks a lot!

1 Like
10

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

11

Thanks a lot!