Tagged: mobile, right to left
Hi,
I am using enfold for a right-to-left website. The regular version of the site works perfectly but with the mobile version I have the following issues:
1) The mobile menu icon is aligned to the right covering the site logo. How can I align the menu icon to the left?
2) The order of the different elements is backwards. The elements on each page need to be displayed beginning from the box aligned to the right. In the mobile version which displays the elements from top-to-bottom, the top elements is the one aligned to the left. How can I change the order so that the elements aligned to the right of the page gets displayed first?
Thank you!
Hi,
Can you post the link to your website please?
Regards,
Josue
Hi!
For the mobile menu toggle, add this to Quick CSS:
#advanced_menu_toggle {
right: auto;
left: 0;
}
Regarding the columns on mobile, try the following:
https://kriesi.at/support/topic/issues-with-translating-to-farsi-rtl-language/#post-305401
Cheers!
Josue
Hi,
Thank you for your reply. The mobile menu fix works perfectly.
As for the columns on mobile I tried adding the code in that post but the result does’t fit what I need. Every row in the site includes a few elements that need to be displayed from the rightmost element and on to the left. The code takes care of that correctly, but it also flips the order between the rows. Instead of just changing the order inside each row it also changes the display order of the rows and displays the bottom row first, then the row just before the bottom and so on. The result is that the top row is displayed last.
I hope I explained the issue clearly enough.
Thank you!
Hello,
That functionality is not available at the moment, please request it here as a new feature.
Best regards,
Josue