How can I increase the size of my header logo?

Shopify Discussion

Topic summary

Issue: Header logo displays very small, and the theme lacks a built‑in option to resize. The requester shared a store preview link and the original logo image URL for reference.

Suggested fix: Add custom CSS to increase the logo size (adjusting max-width). Steps provided:

  • Online Store > Themes > Edit code
  • Open Assets > theme.scss.liquid
  • Paste the CSS at the bottom and save
    An accompanying screenshot illustrated the approach.

Outcome: The requester reported the code did not work. No alternative selectors, theme-specific guidance, or troubleshooting steps (e.g., cache, conflicting CSS) were offered in the thread.

Latest update/status: The helper requested the requester to contact them via email for further assistance. No confirmed solution yet; the issue remains unresolved/ongoing.

Notes: The exact CSS snippet used isn’t shown, and the theme name/version wasn’t provided. One image attachment supports the CSS guidance.

Summarized with AI on January 4. AI used: gpt-5.
2

Hi @usmekhan91 , Welcome to the Shopify Community!

To fix the header logo size, you can try adding custom CSS code to adjust the dimensions. Here’s a quick solution:

Ishan_Makkar_0-1708686942318.png
Ishan_Makkar_0-1708686942318.png924×280 12.5 KB

You can add this code to your theme’s custom CSS area. Here’s how:

  1. From your Shopify admin, go to Online Store > Themes.
  2. Find the theme you want to edit and click “Actions” > “Edit code.”
  3. In the left-hand sidebar, open the Assets folder and click on the “theme.scss.liquid” file.
  4. Scroll to the bottom and paste the above CSS code.
  5. Save the file.

Please note that you may need to adjust the max-width value to fit your desired logo size. Feel free to experiment until you achieve the desired result.

If you need further assistance or have any questions, don’t hesitate to ask!