This thread is resolved. Here is a description of the problem and solution.
Problem:
The client is trying to translate their store page to Dutch and expects to see the same version as in English. However, they are encountering an issue where the translated page has a different view with incorrect margins, making the site look unprofessional.
Solution:
If you're experiencing a similar issue with incorrect margins on your translated store page, we recommend checking if there is custom CSS set within your site or theme options that controls the margins and width of your shop page. In the client's case, the English version had specific CSS that set the max-width to 1240px for screens wider than 922px:
@media (min-width: 922px)<br />.ast-woo-shop-archive .site-content > .ast-container {<br /> max-width: 1240px;<br />}Applying this CSS to the translated page should resolve the issue. If the translated page is currently set to 100% max-width, it needs to be adjusted to match the original language's styling.
If this solution doesn't seem relevant to your situation, please open a new support ticket with us, and we'll be happy to assist you further.
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.
This topic contains 3 replies, has 2 voices.
Last updated by 1 year, 3 months ago.
Assisted by: Bobby.
 |
|
 Supporter Languages: English (English ) Timezone: America/Los_Angeles (GMT-07:00) |
Hi there, is there anywhere within your site or theme options that you set custom CSS to control the margins and width of your shop page? I noticed that the default language has the following CSS:
which when applied to the translation it shows the page as expected. At the moment the translation instead of 1240px is set to 100% max-width.  |
|
|
|
|
Supporter Languages: English (English ) Timezone: America/Los_Angeles (GMT-07:00) |
