Changing icon sizes

Store Design

Topic summary

A user working with the Refresh theme needs to resize custom icons in their header to match the default icon sizes. An attached screenshot shows oversized icons in the header area.

Proposed Solutions:

Two community members offered CSS-based fixes:

  • PageFly-Henry’s approach: Add CSS code to the base.css file targeting .header__icon and .header__icon--cart .icon with a width of 3rem
  • theycallmemakka’s approach: Insert CSS via <style> tags in the theme.liquid file just above the </body> tag

Current Status:

The issue remains partially unresolved. Another user (sosober) reported that the suggested code only resizes the cart icon, while account and search icons remain unchanged. The original poster has not confirmed whether either solution fully resolved their problem.

Both solutions require editing theme code files, with specific CSS targeting header icon elements.

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

Hello, I am using the Refresh theme on my shop and I just added some new icons, however, they’re really big and I’d like to size them down to be the same size as the default icons. How can I do that?

a1dan_0-1712283985529.png
a1dan_0-1712283985529.png1898×848 256 KB

2

Could you share with me the page URL, I will help you check it. Thank you

3

@a1dan Please provide website url.

4

Hi @a1dan

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.header__icon, .header__icon–cart .icon {

width: 3rem !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

5
6

Sure, it’s mystiqshop.org

1 Like
7

Yes, please try with my code above.
Thank you.

1 Like
8

Hi @a1dan

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

1 Like
9

Using this code on my website works only with the cart icon while account and search do not change.