Can't Resize Custom Icons

[Samirnzf]

How should I resize the account icon only for desktop so it match the cart icon? I can change the ViewBox, but then the icon is too small on mobile. I have to choose where I want it to be looking good..

I couldn't find a piece of code to change it when its in the drawer (mobile), so a code for desktop only would be perfect!

Its looking like this right now:

URL: http://dripplugbg.com

[brandography]

Hi @Samirnzf , you can use media queries to adjust the size per viewport size. Can you share a link to the page you are looking at and what theme you are using?

[Samirnzf]

http://dripplugbg.com

[Moeed]

Hey @Samirnzf 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[Samirnzf]

http://dripplugbg.com

[Moeed · Accepted solution]

Hey @Samirnzf 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
a.header__icon.header__icon--account.link.focus-inset.small-hide span.svg-wrapper {
    width: 30px !important;
    top: 5px !important;
    position: relative;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[BSSCommerce-B2B]

Hi @Samirnzf 
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.