I'm trying to translate my whole website in French. I don't know what happened, it looks like some of the CSS and layout are changing once I switch to French.
For example, the sub menu for jewelry is full width in English but in French it's NOT.
Another example, the "#POLLUXJEWELRY" at the bottom of the homepage has small font-size in the French page...
How do I translate the site without affecting the CSS, layout, structure, etc?
This can sometimes happen when the layout settings have not been copied to the translation, to resolve I will first need to understand how the CSS/layout is created.
- Are you adding any custom CSS to the styling of the page?
- When creating the homepage are there styling options within it that originate from the theme possibly?
In that case we can first see if we can set the CSS to 'copy' and if that is not possible we can manually do it.
#1
- Go to WPML->Settings->Custom Fields Translation -> check the box "Show "Multilingual Content Setup" meta box on post edit screen." and save
- Go to the page with the custom CSS and edit in the default language
- Scroll to the bottom and view the Multilingual Content Setup area -> examine the fields for the CSS field
- Set it to 'copy' and save then update the page
Now check the front end and it should work OK.
IF you are not sure which field is correct, take a screenshot and share it with me to review the fields. Names are usually unique.
#2
If the above does not work try this:
- Edit the page in the default language -> copy the custom CSS
- Use the language switcher in the top header (make sure to exit full screen if using Guttenberg) -> switch to the translation language and dismiss the warning
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.
