Wix Multilingual: Troubleshooting Alignment Issues on Your Multilingual Site in the Wix Editor

4 min read
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
Before you begin:
In this article, learn more about:

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

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

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:

  1. Go to your editor.
  2. 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.
  1. Select the relevant language.
  2. Click the Background icon  on the left.
  3. Click Settings.
  4. 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

FAQs

Click a question below to learn more about aligning elements in a multilingual site.
Tips:

Did this help?

|