This thread is resolved. Here is a description of the problem and solution.
Problem:
The client is trying to implement CSS code for the theme 'Twenty Seventeen' to adjust the margin between the headline and the text on the homepage in the mobile version. However, the additional CSS is not applied to the translated version of the website, causing layout issues on mobile devices.
Solution:
First, we recommend adding your CSS modifications under the WPML>>Languages page in the Language Switcher Options section by clicking on the Additional CSS link. Ensure you perform a site backup before making these changes. For more details, refer to the following documentation links:
Second, the issue might persist because the CSS targets a specific page ID which changes in translated versions. For instance, the original page might have an ID of '9', while its translated counterpart could have '9595'. Adjust the CSS to target the correct page ID for each language version.
If these steps do not resolve your issue or if the solution seems outdated or irrelevant to your case, we highly recommend checking related known issues, verifying the version of the permanent fix, and confirming that you have installed the latest versions of themes and plugins. Should you need further assistance, please open a new support ticket.
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.
