Increasing size of logo in header

Store Design
,

Topic summary

Main issue: The OP using the Sense theme wants the header to appear larger and fill the page width; current settings don’t achieve the desired size.

Key responses:

  • Request for store URL (and password if applicable) to inspect the specific setup.
  • Code-based option: Edit Online Store > Theme > Edit code > base.css and add a rule to scale the logo heading: .header__heading { transform: scale(1.2) !important } (adjust the scale as needed). This targets the logo area rather than the entire header container.
  • Theme settings option: Online Store > Customize > Theme settings > Logo, then increase the logo size (works if the logo is an image). Screenshots were provided to illustrate these steps.

Notes:

  • Proposed solutions focus on enlarging the logo/logo heading, not explicitly making the entire header full-width. Additional layout changes may be required for true full-width headers.
  • No confirmation from the OP; outcome unresolved and the thread appears open.
Summarized with AI on December 22. AI used: gpt-5.
1

Hello, and thank you in advance for your help. My header is currently smaller than I would like even after setting it to as large as it would let me. I’m using the sense theme. How do I fix it so that the header fills the width of the page?

2

Hey @Syreeta

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

Hi @Syreeta ,
Step 1. Go to Admin → Online store → Theme > Edit code

Step 2. Find the file base.css

Step 3. Add this code at the end of file

.header__heading {
  transform: scale(1.2)!important /* Adjust to fit your site */
}
4

Hi @Syreeta ,

You can change the logo size by following the steps below:

  1. In your Shopify admin, go to “Online Store” under Sales Channels. Click the “Customize” button for the theme you want to modify. To make changes directly to the live theme, select the first theme. Refer to the screenshot for guidance.

Sweans_0-1723533487180.png
Sweans_0-1723533487180.png1649×800 123 KB

  1. Click the settings icon on the left side to access the theme settings. Navigate to the “Logo” option, where you can adjust the logo size. Please refer to the screenshot for more details.

Sweans_1-1723533506230.png
Sweans_1-1723533506230.png1612×786 131 KB

Note: This change will only apply if your logo is an image.

If you found this helpful, leave a like and choose this as the accepted solution,
If you have any other queries feel free to ask me as well.

Regards,
Sweans