Home›Support›English Support›[Resolved] Product Layout Shrinks After Language Switch & Category Names Still Translating
[Resolved] Product Layout Shrinks After Language Switch & Category Names Still Translating
This thread is resolved. Here is a description of the problem and solution.
Problem: If you're experiencing issues with product category pages after switching languages on your website, such as product layout becoming smaller or category names still translating despite being added to the Glossary, the problem might be related to your theme or custom CSS. Solution: We recommend updating all related plugins and themes to their latest versions to ensure the issue isn't caused by an outdated bug. Check your theme settings, specifically under Astra > Theme Customizer, and adjust the product image size if it does not match your site's requirements. For issues visible only on specific devices (like iPhones), ensure to clear all types of caches (plugin, hosting, browser). If the problem persists, it might be due to custom CSS added to your theme. For instance, changing
align-items: center;
to
align-items: stretch;
in your CSS might resolve alignment issues. Additionally, adjusting button margins can also help.
Please note that these solutions might be irrelevant if they are outdated or not applicable to your case. We highly recommend checking related known issues at https://wpml.org/known-issues/, verifying the version of the permanent fix, and confirming that you have installed the latest versions of themes and plugins. If the issue persists, please open a new support ticket at WPML 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.
I’ve taken a copy of the site and managed to narrow this down a bit. It looks like the issue only happens when using your child theme together with UAE Elementor Pro and the ElementsKit plugin, so I have a few questions that should help us move forward.
1) Could you please update all related plugins and themes to their latest versions, just to confirm this isn’t caused by an older bug that has already been fixed?
2) How can I see and reproduce the same issue when using the Astra parent theme? With the parent theme active, I don’t see this category layout, so I’d like to understand why it appears only with your child theme.
3) For this specific category page / products, how exactly are UAE Elementor Pro and ElementsKit being used? Are they applied via templates, widgets, or any custom setup?
Once I have this information, I’ll be able to continue testing and advise on the next steps.
I checked the settings under Astra > Theme Customizer and adjusted the product image size. It was set to 300px, while your site actually uses 387px, which caused the issue with the first product.
It should now be working correctly. Please check here: hidden link
Yes i checked on Android devices, all product cards display correctly and remain the same size.
However, i try on iPhone devices ( Safari / Chrome) ,Product cards appear in different sizes .This issue is only happening on iPhone ,Desktop and Android layouts are working fine.
Could you please check? why happing like this pls...
button.woosc-btn {
margin-bottom: 10px !important;
margin-left: auto !important;
margin-right: auto !important;
}
I checked and it works fine now.
Please note that custom CSS is outside the scope of WPML support, as they are related to custom code rather than WPML functionality itself.
Ideally, these changes should be handled by the developer who implemented the custom styling. However, we wanted to share our findings to help point you in the right direction.
