Solved

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

Avvoyer
Tourist
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
6487 1552 1924

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 is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.

View solution in original post

Replies 2 (2)

Made4uo-Ribe
Shopify Partner
6487 1552 1924

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 is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Avvoyer
Tourist
41 0 7

Thanks! It worked perfectly!