Shopify themes, liquid, logos, and UX
Hi! I need help moving the cart icon so that the currency converter and the cart icon is not on top of each other. I am trying to move the cart icon slightly to the left. It looks good on desktop, but on mobile view the icons are on top of eachother.
www.toiletbrush.no
Hello @Onlinetrap
Its Artzen Technologies! We will be happy to help you today.
Go to Online Store -> Themes -> Actions -> Edit code.
Go Assets folder -> Your CSS file
First change the header css to the below mentioned CSS for mobile devices. Add this CSS to the media query.
@media screen and (max-width: 749px) {} according to your store css.
.header {
padding: 10px 16px 10px 16px;
}
Now to make the cart and currency selector in single line, change following CSS
.doubly-wrapper {
position: absolute;
margin-top: 5px;
right: 10px;
}
.header__icons .header__icon {
margin-top: -5px;
margin-right: 25px;
}
Below is the screenshot of the result after adding the above CSS.
Let me know if need further assistance
Regards,
Artzen Technologies
User | RANK |
---|---|
203 | |
171 | |
77 | |
56 | |
51 |
Make the shift from discounts to donations, and witness your business not only thrive fina...
By Holly Dec 4, 2023On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...
By Skye Nov 8, 2023