How do I get rid of all the white space under icon in header

Store Design
,

Topic summary

A user purchased a theme and added an icon to the header, but there’s excessive white space around it. They want the logo to appear more prominent with reduced spacing.

Suggested Solutions:

  • One responder requested the store URL to investigate the specific issue
  • Another identified the likely cause: the logo image file itself contains white space padding

Recommended Fix:

  • Open the logo image in a free online editor (Photopea was suggested)
  • Crop the image to remove surrounding white space
  • Re-upload the trimmed logo to the theme

The discussion remains open, awaiting either the store URL for direct troubleshooting or confirmation that the cropping solution resolved the issue.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

So I bought a theme and put a icon in and their is a big space of white area I’d like the logo to be more prominent with less space but not sure how to fix this :disappointed_face:

1 Like
2

Hi @JGBowie :blush:

I’m Ellie from BOGOS, #1 Shopify Promotion App (Gifts, Bundles, Upsells, Discounts)

Could you share with me your store URL (with password if needed)? I’ll have a check for you :blue_heart:

3

Hi @JGBowie

I guess your logo has big white space around it, so it causes the issue. You can open your logo image use https://www.photopea.com

Crop your logo to remove white space and upload it again to solve the issue.