Need help moving the cart button mobile view DAWN theme

Store Design
, , , , ,
1

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
IMG_1A2D0D60632B-1.jpeg924×2000 114 KB

2

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
Artzen_tech_0-1696251575242.png490×609 84.3 KB

Let me know if need further assistance
Regards,
Artzen Technologies