New Shopify Certification now available: Liquid Storefronts for Theme Developers

Need help moving the cart button mobile view DAWN theme

Shopify Partner
60 0 8

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.


Reply 1 (1)
Shopify Partner
521 105 105

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
Artzen Technologies


If helpful, please Like and Accept this Solution to help others
Artzen Technologies | A Shopify Development Agency
WhatsApp - 9877983930

Book FREE CONSULTATION who want to migrate to Shopify or want to start an eCommerce business with Shopify