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
By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024