[BUG] Fix chat in RTL mode

  • Resolved Tchelet Levi

    (@tlevi)


    10 months ago

    Hi, I hope this is the right place to post this.

    The widget uses padding-right: 12px to separate the text field from the send button. This works fine for left-to-right websites but breaks on right-to-left websites.

    My solution would be to use the gap property instead on the .chatty-whatsapp-data div element, or to use padding-inline-end instead of padding-right.

    Example below.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Karina

    (@karinapremio)

    Hey there, thanks for reaching out! I have now passed this to our developer and he will be fixing the issue in a future release. In the meantime, please feel free to contact us at [email protected] for any further questions or concerns.

    Plugin Support Karina

    (@karinapremio)

    In the meantime, please feel free to use this code to resolve the issue:

    html[dir=”rtl”] button.chaty-whatsapp-button-button, html[dir=”rtl”] button.chaty-whatsapp-button-button:focus, html[dir=”rtl”] button.chaty-whatsapp-button-button:hover { margin: 0 10px 0 0 !important; }

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘[BUG] Fix chat in RTL mode’ is closed to new replies.