Switch placement of cart and drawer on Debutify (mobile)

Highlighted
Tourist
11 0 2

I'd like the drawer in mobile view to be on the right hand side, and the cart to be on the left.

Using Debutify theme.

1 Like
Highlighted
Shopify Partner
4870 720 1557

Hello, @Andrew_Moropoul 

Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
11 0 2

The URL is https://easyglow.shop/
password to enter is Cadmus

0 Likes
Highlighted
Shopify Partner
4870 720 1557

@Andrew_Moropoul 

Thanks for url

mobile view do you have like to cart icon left side?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
11 0 2

when I look at it on my iphone the cart is on the righthand side. 

0 Likes
Highlighted
Shopify Partner
4870 720 1557

@Andrew_Moropoul 

Thanks for clear if possible to provide this issue screenshot?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
11 0 2

Hi here's a screenshot with the changes I want.

mobile switch.jpg

0 Likes
Highlighted
Shopify Partner
4870 720 1557

@Andrew_Moropoul 

Thanks for clear

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media screen and (max-width: 1024.1px) {
.nav-container-right-icons {
order: 1;
}
.nav-container-right-icons .inner-nav-containers {
justify-content: flex-start;
}
.nav-container-left-icons {
order: 3;
}
.nav-container-left-icons .inner-nav-containers {
justify-content: flex-end;
}
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes