How can I fix RTL code so the menu opens to the right?

Store Design
1

Hey ,
I did the TRL code and the menu icon worked out to the right but when opened it opens on the left.
How can I fix it?

https://www.outfiteam.com/
Thanks for the help !!

1 Like
2

???..

3

need help !!!

4

@amit101297

Thanks for the post.

i canโ€™t see any issue can you please provide a screenshot

5

If I do not put the menu icon code on the left when clicked it also opens on the left but when I put the menu icon code moved to the right and when clicked it opens on the left
How can I fix it?

โ€โ€ืœื›ื™ื“ื”.GIF
โ€โ€ืœื›ื™ื“ื”.GIF1447ร—548 209 KB

1 Like
6

@amit101297

Thanks for the details

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.drawer--left {
right: -300px;
}
.js-drawer-open-left .drawer--left {
-ms-transform: translateX(-300px);
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px);
}
2 Likes
7

thank you so much !!!

8

Now I have the same problem only with the checkout icon

https://www.outfiteam.com/

9

@amit101297

how do you like your checkout button?

1 Like
10

@KetanKumar

I like what it looks like
itโ€™s just on the left and opens on the right just the same problem that was with the menu button

11

???

12

@amit101297

.drawer--right {
left: -300px;
}
.js-drawer-open-right .drawer--right {
    display: block;
    -ms-transform: translateX(300px);
    -webkit-transform: translateX(300px);
    transform: translateX(300px);
}
13

@KetanKumar

itโ€™s not working

14

sorry i canโ€™t see this code

15

hello, I couldnโ€™t find the theme.scss.liquid file