How to change cart side on streamline theme?

[Chieftiki]

Hi!
My cart goes on my menu button (mobile version) once you add something to cart.
does anyone knows how to fix it?

www.tiki.co.il

[Van_Nguyen_GSG]

Hi Chieftiki,

Go to Online store > Edit code > paste this code to your “base.css” file (at the end):

#shopify-section-header .site-nav__thumb-menu {

flex-direction: column !important;

}

Il will look like this:

Then you can edit the cart icon to look nicer.

[Chieftiki]

Thank you! it works!
how do I edit it to look nicer?

[Van_Nguyen_GSG]

Hi

Replace the code above with this complete code (I added breakpoint for mobile)

@media screen and (max-width: 750px) {

#shopify-section-header .site-nav__thumb-menu {

flex-direction: column !important;

}

#shopify-section-header .site-nav__thumb-menu .site-nav__thumb-cart {
width: 45px;
height: 45px;
border-radius: 50%;
}

#shopify-section-header .site-nav__thumb-menu .site-nav__thumb-cart .cart-link {
left: 6px;
}

#shopify-section-header .site-nav__thumb-menu .site-nav__thumb-cart svg.icon-bag {
width: 25px;
height: 25px;
}
}

This is how it looks:

[Chieftiki]

You are a real professional, I really appreciate your help!!
this one didn’t work but the effort you made for me is just wonderful, thank you again!

[Van_Nguyen_GSG]

Hi,

I’m willing to help that’s why I’m here. Would you mind me sending you a collaborator request to the theme so I can check what the problem is? If it’s okay just drop me a private message or email me at kat@agencyglue.net