Shopify themes, liquid, logos, and UX
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:
Solved! Go to the solution
This is an 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
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?
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
This is an 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
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.
B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.
B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.
BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now
Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-TekLabs to discuss practical strategies for...
By JasonH Nov 13, 2024The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024