White Space Appearing on Left when using Arabic Language

Hello @yahyabassa,

In response to your inquiry, we have successfully resolved the issue you previously encountered. To implement the solution, you need to insert custom JavaScript into the “custom.js” file, as outlined in the steps below:

For clearer understanding, we have provided the screenshot :

Screenshot : https://prnt.sc/hazTXrIJXwnL

JS Code:

const element = document.querySelector('[dir="rtl"]');
if (element) {
element.removeAttribute('dir');
}

1. Navigate to the “Appearance” section.
2. Select “Theme File Editor.”
3. Locate the “assets” folder.
4. Access the “Js” subfolder.
5. Open the “custom.js” file.
6. Append your custom JavaScript code to the end of the existing code.
7. Finally, remember to save the file to apply the changes.

Note : It’s important to note that you should insert the JS code at the end of the entire code.

Thank

Hi. This Solution worked. Thanks Very Much

Hello @yahyabassa,

Hope you are doing Well,

We are delighted that you are utilizing our theme, and we sincerely appreciate your support and business. If you have a moment to spare, we would greatly appreciate it if you could share your experience by providing a brief review for our CoziPress theme.

Link: https://www.ads-software.com/support/theme/cozipress/reviews/?filter=5

As a small team dedicated to developing the best CoziPress Theme, positive reviews serve as a tremendous motivator for us. We are committed to working hard and delivering improved solutions to our valued customers.

Please feel free to share your thoughts, whether they are short or long. We genuinely value all feedback and would be thrilled to hear from you. Your feedback is instrumental in our ongoing efforts to enhance our services.

Please let us know if you need any help, we will be happy to help you.

Thanks.

Hi,

This problem has re-surfaced after updating the theme. I tried to apply the above fix, but it did not work. Please assist.

Hello?@yahyabassa,

You have to apply this solutions which we have given you.

In response to your inquiry, we have successfully resolved the issue you previously encountered. To implement the solution, you need to insert custom JavaScript into the “custom.js” file, as outlined in the steps below:

For clearer understanding, we have provided the screenshot :

Screenshot : https://prnt.sc/hazTXrIJXwnL

JS Code:

const element = document.querySelector('[dir="rtl"]');
if (element) {
element.removeAttribute('dir');
}

1. Navigate to the “Appearance” section.
2. Select “Theme File Editor.”
3. Locate the “assets” folder.
4. Access the “Js” subfolder.
5. Open the “custom.js” file.
6. Append your custom JavaScript code to the end of the existing code.
7. Finally, remember to save the file to apply the changes.

Note : It’s important to note that you should insert the JS code at the end of the entire code.

Thanks

Hi.

I really appreciate your support. The above procedure removes the white space, but changes the layout from right to left to left to right. have a look below

The site in rtl without the above addition:https://prnt.sc/E7vWLb0ofuDh

The site with the addition showing in ltr: https://prnt.sc/-_2hoPS2LW_r

Hello @yahyabassa,

Thanks for your response,

We have provided you the CSS code, so please implement the custom css code and let us know if you need any help.

CSS Code :

html{
overflow: auto !important;
}

Thanks.

Hi,

Unfortunately, the issue has resurfaced after updating the theme. I tried applying the previous solution again, but it did not resolve the problem. When scrolling up, a white space still appears on the left side of the screen when the website language is set to Arabic.

Could you please assist? Your help is greatly appreciated.

Thank you.