Solved

Cart | fix drawer in RTL

ChicBotique1
Tourist
31 0 3

Hello everyone,

 

i have the following cart in drawer mode, and I need to align the following :

Screenshot 2024-03-27 164526.png

 

i need to move the close mark to the left and add the word 'close'

and also my product and total are in the center and move them.

 

thanks in advance - link to my store :

 

chicbotique.co.il

 

Accepted Solution (1)

theycallmemakka
Shopify Partner
1335 295 328

This is an accepted solution.

Hi @ChicBotique1 ,

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
.drawer__close {
    right: auto;
    left: 0px;
    align-items: center;
    justify-content: center;
    display: flex;
    gap: 10px;
}

.drawer__close:before {
    content: "CLOSE";
}

th#CartDrawer-ColumnProduct {
    text-align: right;
}

th#CartDrawer-ColumnTotal {
    text-align: left;
}
</style>

Result:

theycallmemakka_0-1711559004123.png

 

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
Makka

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

View solution in original post

Replies 2 (2)

theycallmemakka
Shopify Partner
1335 295 328

This is an accepted solution.

Hi @ChicBotique1 ,

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
.drawer__close {
    right: auto;
    left: 0px;
    align-items: center;
    justify-content: center;
    display: flex;
    gap: 10px;
}

.drawer__close:before {
    content: "CLOSE";
}

th#CartDrawer-ColumnProduct {
    text-align: right;
}

th#CartDrawer-ColumnTotal {
    text-align: left;
}
</style>

Result:

theycallmemakka_0-1711559004123.png

 

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
Makka

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

ChicBotique1
Tourist
31 0 3

Thank you so much!!

 

youre the man!