Chatbot mobile layout RTL issue

  • Resolved djjcnncxn09

    (@djjcnncxn09)


    7 months, 2 weeks ago

    Hi, after changing some translations in the plugin, the chatbot on mobile became left-aligned (LTR). I want to fix it for RTL (right-to-left) languages like Persian. Could you please tell me in which file the chatbot HTML structure is defined, and which CSS file controls the text alignment and direction (LTR/RTL) for the chatbot on mobile? Thanks a lot.

Viewing 1 replies (of 1 total)
  • Plugin Support Val Meow

    (@valwa)

    7 months, 1 week ago

    Hey @djjcnncxn09! 👋

    If your website is using RTL, the chatbot should already apply the proper layout to display it correctly. But if your site itself isn’t set to RTL while you’re still using an RTL language, the display might look unexpected.

    Unfortunately, there isn’t much you can do by editing the plugin files directly since the chatbot is built as a regular HTML component but based on a more complex set of React components. What you can do instead is go into the Theme Editor of AI Engine and build your theme from the ground up. That way, you can apply any styling rules you need to make things display the way you want.

    If you prefer, you also have access to the plugin source code here: https://github.com/jordymeow/ai-engine

Viewing 1 replies (of 1 total)

The topic ‘Chatbot mobile layout RTL issue’ is closed to new replies.