This thread is resolved. Here is a description of the problem and solution.
Problem: The client is experiencing a layout issue on their website, specifically a large space on the right side in the Arabic interface and a non-functioning MetaSlider. The issue persists across multiple browsers and devices. Solution: We recommended checking the device and browser used to ensure the issue is consistent across different platforms. We identified that the MetaSlider was causing the layout issue. We suggested reaching out to the theme author for a permanent fix. Meanwhile, we provided a temporary solution using custom CSS to address the MetaSlider issue. The client should add the following CSS to their site:
.metaslider .flex-control-paging li a { text-indent: 0px!important;}
This code aims to correct the text indentation affecting the MetaSlider on tablet devices.
If this solution does not resolve the issue or seems outdated, we recommend opening a new support ticket. It's also advisable to check for related known issues at https://wpml.org/known-issues/, verify the version of the permanent fix, and ensure that the latest versions of themes and plugins are installed. For further assistance, please visit our support forum.
This is the technical support forum for WPML - the multilingual WordPress plugin.
Everyone can read, but only WPML clients can post here. WPML team is replying on the forum 6 days per week, 22 hours per day.
It appears that MetaSlider is causing the issue. Please reach out to the theme author to report this issue. If you don't receive a response, you can attempt to resolve it using the following custom CSS code. Go to WP > Appearance > Customize > Additional CSS and paste the code there.
.flex-control-paging li a {
text-indent: 0px!important;
}
DISCLAIMER: Please know that any snippet or code suggested here is for educational purposes only. they are not meant to be the final solution but instead meant to point you in the right direction and are out of the scope of our support so we can't nor will modify, improve, debug or maintain it.
I added the code as you said, but it didn't work, it affected other areas. I installed this plugin yesterday and they said it could work with wpml without any problems.
If you look into the Website contents, WPML effectively manages to translate the contents without any issues. However, the layout issues you're facing seem to originate from the theme. I suggest contacting your theme author for assistance.
I'm just volunteering to help since I think this can be fixed using some custom CSS code. Please try the code below as it should only target the MetaSlider from the theme, then, check and see if it resolves the issue. If it doesn't, consider contacting the theme author, who should be able to provide further assistance.
.metaslider .flex-control-paging li a {
text-indent: 0px!important;
}
DISCLAIMER: Please know that any snippet or code suggested here is for educational purposes only. they are not meant to be the final solution but instead meant to point you in the right direction and are out of the scope of our support so we can't nor will modify, improve, debug or maintain it.
I appreciate your volunteering to help. Thank you so much. Theme authors no longer offer support. This code you gave is much more useful, the remaining problems of the site have been solved and the product slider works on mobile too. Only metaslider is not working, it is not moving at the moment. The only problem is that Metaslider does not work in the Arabic interface. hidden link
I see that the theme is regularly updated on its ThemeForest page, and you have the latest version. Considering you lack theme support for assistance, I recommend replacing Metaslider with another third-party slider plugin.
The issue isn't related to String Translation. It's caused by the "text-indent: -9999px;" which is affecting the Metaslider on iPad or tablet devices. I've provided the custom CSS code to address this earlier.
We use cookies to optimize our website and services. Your consent allows us to process data such as browsing behavior. Not consenting may affect some features.
Functional
Always active
Required for our website to operate and communicate correctly.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
We use these to analyze the statistics of our site. Collected information is completely anonymous.The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
These cookies track your browsing to provide ads relevant to you.
