[Translate & Adapt App Bug]

Shopify Apps
,
1

[Translate & Adapt Bug]

Hello,

I am using Translate & Adapt to manually translate the “Online Store → Pages → STORE GUIDE” section. I am trying to align some text to the left, but some strings appear centered or left-aligned outside the valid width range.

Out of the five languages I am translating (Japanese, French, Korean, Simplified Chinese, Traditional Chinese), two languages (Traditional Chinese and Korean) are displaying incorrectly in the preview. I have checked again today (compared to yesterday), and the issue persists.

What can I do to resolve this?

Thank you.

Ayabou

2

Hello @ayabou ,

I hope you are well!

Please provide the store URL so that I can generate the issue.

1 Like
3

Hi @ayabou

This is a common issue with rich text editors and translations. The problem is almost certainly caused by hidden HTML styling that was accidentally carried over when you added the translated text for Traditional Chinese and Korean.

You can try to troubleshoot it here but before you start, it’s always a good practice to duplicate your theme for safety.

  1. In your Shopify Admin, go to Apps → Translate & Adapt.
  2. Open the translator, find Pages in the dropdown, and select your “STORE GUIDE” page.
  3. Select either the Korean or Traditional Chinese language tab.
  4. In the rich text editor for the page content, look for a “Show HTML” button. It usually looks like this: <>. Click it.
  5. You will now see the raw HTML code. Carefully inspect it for unwanted styling. You are looking for tags with inline styles, like:
  • <p style="text-align: center;">...</p>
  • <div style="text-align: center;">...</div>
  • Unnecessary <span> tags wrapping your text.
  1. The Fix: Delete these unwanted tags and styles, leaving only clean text inside basic <p> tags. The cleanest approach is often to delete all the text in the HTML view, then paste your translation as plain text (using Ctrl+Shift+V or Cmd+Shift+V) and re-apply any bolding or lists using the editor’s buttons.
  2. Click Save. Repeat this for the other language that is not working.

This should immediately resolve the alignment issue in your preview.

Hope this helps!

1 Like
4

It sounds like the issue isn’t with Translate & Adapt itself but with how the theme is rendering the translated content. Sometimes certain languages (like Traditional Chinese or Korean) can pick up different styling depending on how the theme handles line breaks, text direction, or font fallback.

A few things you can try:

  1. Inspect with browser dev tools – Check if those translations are wrapped in extra tags or carrying inline styles that differ from the other languages.

  2. Theme CSS overrides – You can add a custom CSS rule for that specific page/section to enforce text-align: left; across all translations.

  3. Remove/re-paste translations – Occasionally hidden formatting is copied in when pasting text; try stripping formatting (paste as plain text).

If the problem persists, it’s worth sharing with Shopify Support along with screenshots and your theme name, since it may be a theme compatibility issue.

Best regards,

Sinh Developer, from Tipo

1 Like
5

Hey @ayabou ,

The alignment issue for Korean and Traditional Chinese is due to fixed width or inherited centering in your theme. To fix it, add this CSS to your theme:

.page-template-page-store-guide {
  text-align: left;
  max-width: 100%;
  word-break: break-word;
}

Also, remove any extra formatting from Translate & Adapt and clear your browser cache before previewing. This will force left alignment and properly handle wider characters.

If you want, I can write a ready-to-paste CSS snippet that fixes left alignment specifically for Korean and Traditional Chinese translations on your STORE GUIDE page, without affecting other languages.

Also, if you want me to help you implement this directly, you can reach out here: https://rajatweb.dev/ – you can see my past works there too.

Best Regards,

Rajat | Shopify Expert

1 Like