Thanks again @ZestardTech
Unfortunately, it didn’t work.
Please let me explain the issue in details:
That’s how the product page looked on desktop when switching to RTL (Arabic):
I added this code to the theme.liquid file to add space between the photo and the text when switching to RTL:
@media screen and (min-width: 750px){
.product__info-container {
margin-right: 20px !important;
}
}
That code worked on desktop (added space between the photo and the text), and added space as well on the mobile version which made the photo looks like it is aligned to the right.
This is the English version I am trying to reach:
And this is the Arabic (RTL) version that i need to fix:
I hope this clarifies