Wix Multilingual: Troubleshooting Alignment Issues on Your Multilingual Site in the Wix Editor
4 min read
In this article
- Moving elements in a secondary language
- Text box alignment issues
- Site background image position and scale
- FAQs
When building your site, focus on the layout of your main language, as it impacts alignment across all language versions. If the translated content causes design issues, consider rephrasing or condensing the text. As you work on your site, review its appearance across all live language versions and address alignment issues as they arise.
![A screenshot from the Wix editor when resizing a text box with translated content](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2024/07/23/19a7d2f6-a643-4854-be80-3636b501d695/124aba24-709a-493a-a856-82d32f1e601a.png)
Before you begin:
Add and set up Wix Multilingual and translate it in the Translation Manager.
Moving elements in a secondary language
Repositioning elements in a secondary language also repositions them across all language versions. You can always restore a previous version of your site if you decide you are not happy with the repositioning of your elements. Languages you added, deleted, made visible, or hid are not affected. Changes made to content, design, and layout revert to the previous version.
![A screenshot of pop up in Wix Multilingual in a site editor when moving elements](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2024/07/22/5f806140-20d8-4e2f-8d14-c9439d888227/8d00bbfe-d179-4711-8e39-ec5c705c0b37.png)
Text box alignment issues
- Text box size: Make your text box big enough in the main language so translations fit without being cut off.
- Font: Change the font in language versions where readability is an issue and adjust the text size per language to improve alignment.
- Line and character spacing: Keep line and character spacing consistent across all languages.
- Text themes: Set the same text theme for both your site's main and secondary languages.
- Overlapping elements: Avoid overlapping text boxes with buttons or other elements, as this can cause alignment issues if the translated text is longer than the main language text. We recommend placing buttons and other elements outside of text boxes.
- Grouping text and elements: Grouping elements helps prevent overlapping and alignment issues across language versions of your site.
- Repeaters: Use repeaters to maintain a consistent design across language versions of your site.
![A screenshot from the Wix editor when resizing a text box with translated content](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2024/07/23/4b6ff579-24fd-47e7-b09d-f2d5d897e8ca/c5b82748-66d3-4453-89e0-7183b7df99dc.png)
Site background image position and scale
While translating your site, you might find it necessary to adjust the background image. This helps it align with the scale and position of your site's main language version.
To change your site's background image position and scale:
- Go to your editor.
- Click the Switch languages drop-down menu at the top left.
![A screenshot of clicking the Switch Languages drop-down at the top of the Wix Editor.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/01/19/0eeca99a-547d-4dda-84a1-36cfe1170600/d8c4ef17-f83e-47af-904d-a4373668ca0a.png)
- Select the relevant language.
- Click the Background icon
on the left.
- Click Settings.
- Set the scale and positioning:
- Adjust image scale: Click the drop-down menu under How's the image scaled? and select an option.
- Change image position: Select a position on the grid under Where's the image positioned?
![A screenshot of Wix Multilingual in a site editor when changing background scaling](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2024/07/22/d0b6c987-b775-4583-87f0-903e13c32991/89c2ba21-244f-411c-ba35-d3200da5a6fd.png)
FAQs
Click a question below to learn more about aligning elements in a multilingual site.
How can I ensure elements are properly aligned across all language versions of my site?
How can I fix alignment issues for my site when viewed on my phone?
Can I change images in different language versions of my site?
Tips:
- Learn how to create a Multilingual site with right-to-left content.
- Learn about using Multi-State Boxes to switch from LTR to RTL.
- You can also reorder items in your site menu per language.
- If you'd like to see additional RTL capabilities in the future, vote for this feature.