Out of the Sandbox SVG Mobile Icon Size

Solved

Out of the Sandbox SVG Mobile Icon Size

darlenejhill
Shopify Partner
7 0 0

On my site theoutdoorshops.com, I am trying to change the mobile icon size. It's an SVG file and I'm having no luck getting the shopping bag/magnifing glass icons to change size. They are too small on a mobile device. Thanks for advice.

 

Screenshot 2024-12-05 at 9.50.13 AM.jpg

Accepted Solution (1)

namphan
Shopify Partner
2197 289 327

This is an accepted solution.

Hi @darlenejhill,

Please go to Actions > Edit code > Assets > styles.css file and paste this at the bottom of the file:

.icon.header__icon {
    height: 2.2rem;
    width: 2.2rem;
}

You can also change it to the size you want.

 

Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com

View solution in original post

Reply 1 (1)

namphan
Shopify Partner
2197 289 327

This is an accepted solution.

Hi @darlenejhill,

Please go to Actions > Edit code > Assets > styles.css file and paste this at the bottom of the file:

.icon.header__icon {
    height: 2.2rem;
    width: 2.2rem;
}

You can also change it to the size you want.

 

Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com