Opened 4 months ago

Last modified 4 months ago

#6700 new defect (bug)

Text overflow design issue in responsive design

Reported by: patelhitesh's profile patelhitesh Owned by:
Milestone: Priority: normal
Component: Site Keywords: needs-patch needs-design-feedback has-screenshots


Please check the below URL:

When we inspect the page, the text is overflowing out of the container and not looks good.

Attachments (1)

CleanShot 2023-01-23 at 16.58.54@2x.png (186.7 KB) - added by patelhitesh 4 months ago.
Text overflow design issue

Download all attachments as: .zip

Change History (2)

4 months ago

Text overflow design issue

#1 @patelhitesh
4 months ago

To resolve the above text overflow issue please find the below CSS:

body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {

max-width: var(--wp--style--global--content-size);
margin-left: auto !important;
margin-right: auto !important;
word-break: break-all;

Note: See TracTickets for help on using tickets.