Gaiar
May 29, 2024, 1:09pm
1
Hello Support Community.
The cart drawer closure button and the arrows of the multicolumns section on the product page are overlapping with the text. Is it possible not to affect those icons position when shifting to RTL?
Store URL: nefertari-eg.myshopify.com
Password: ohldah
P.S
This is the code i used in theme.liquid for RTL:
{% if request.locale.iso_code == ‘ar’ %}
body {
direction: rtl !important;
}
footer * {
text-align: right !important;
}
{% endif %}
Thank you.
Gaiar
May 29, 2024, 1:41pm
2
Got it.
For the benefit of the community , this is the modified code:
{% if request.locale.iso_code == ‘ar’ %}
body {
direction: rtl !important;
}
footer * {
text-align: right !important;
}
.drawer__close {
float: left !important;
right: auto !important;
left: 0 !important;
}
summary .icon-caret {
position: absolute;
height: 0.6rem;
left: 1.5rem !important;
right: auto !important;
top: calc(50% - 0.2rem);
}
{% endif %}
