Need help moving the cart button mobile view DAWN theme

Need help moving the cart button mobile view DAWN theme

Onlinetrap
Shopify Partner
81 0 10

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

IMG_1A2D0D60632B-1.jpeg

Reply 1 (1)

Artzen_tech
Shopify Partner
552 113 112

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.

Artzen_tech_0-1696251575242.png



Let me know if need further assistance
Regards,
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