This thread is resolved. Here is a description of the problem and solution.
Problem:
You are trying to add a crisp custom flag for Spanish and English on your WPML site. You've uploaded PNGs which appear blurry, and when you add an .svg for Spanish, it appears much larger than the PNGs.
Solution:
To fix the size of the .svg custom flag to match the other flags, you can add the following custom CSS to your theme:
.wpml-ls-menu-item .wpml-ls-flag {<br /> width: 18px;<br />}This CSS adjusts the size for all WPML flags, including custom flags, ensuring they display at a consistent size. After applying this CSS, clear your browser cache to see the changes.
If this solution does not resolve your issue or seems outdated, we 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 further assistance is needed, 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.
