My customized cart icon is appearing at different sizes on different screen sizes.

Solved

My customized cart icon is appearing at different sizes on different screen sizes.

Avvoyer
Excursionist
41 0 7

Hi! My customized cart icon is appearing at different sizes on different screen sizes. I want it to keep proportional. How can I fix it? URL: Avvoyer.com Password: seipraCaptura de tela 2024-06-08 173458.png

 

Captura de tela 2024-06-08 173432.png

 

Accepted Solution (1)

Made4uo-Ribe
Shopify Partner
9552 2275 2823

This is an accepted solution.

Hi @Avvoyer 

You have this code. 

Made4uoRibe_0-1717880991716.png

Try to add this one in the theme.liquid. here is the instruction and code. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes"

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

 

<style>
.header__icon--cart .icon { 
 height: 2.6rem !important;
 width: 4.4rem !important;
}
</style>

 

And save. 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.

View solution in original post

Replies 2 (2)

Made4uo-Ribe
Shopify Partner
9552 2275 2823

This is an accepted solution.

Hi @Avvoyer 

You have this code. 

Made4uoRibe_0-1717880991716.png

Try to add this one in the theme.liquid. here is the instruction and code. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes"

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

 

<style>
.header__icon--cart .icon { 
 height: 2.6rem !important;
 width: 4.4rem !important;
}
</style>

 

And save. 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
Avvoyer
Excursionist
41 0 7

Thanks! It worked perfectly!