Skip to main content

Vertical text overlapping in preview or on your site

Learn what causes vertical text to overlap and how to fix it. In most cases, adjusting the width of the text box will resolve the issue.

Why vertical text overlaps and how to fix it

If your vertical text appears to overlap when viewed in Live Preview or on your published site, this is likely caused by browser limitations. Unfortunately, this is a behavior that Studio.Design currently can't resolve on our end.

That said, the following workarounds have helped resolve the issue in some cases. We recommend giving them a try:

  • Set the width of the vertical text box (or its parent box) to a fixed value in pixels (px) instead of using auto.

  • If that doesn't fix the issue, try setting the width of the element that's displaying incorrectly to a fixed pixel (px) value.

Did this answer your question?