Opened 16 months ago

Closed 7 months ago

Last modified 7 months ago

#6757 closed defect (bug) (fixed) page design breaking issue in the mobile devices.

Reported by: upadalavipul's profile upadalavipul Owned by:
Milestone: Priority: low
Component: Site Keywords:


I reviewed the above page on my mobile devices and found this page design is breaking. please check the below-attached video for a better understanding issue.

Video URL:

Page URL:

Change History (4)

#1 @upadalavipul
16 months ago

Need to add the below CSS for the above issue.


@media screen and ( max-width: 420px ) {
    .is-layout-constrained ol li {
        word-break: break-all;

#2 @nidhidhandhukiya
16 months ago

Hello @upadalavipul
I have test this solution this can solve the issue but If we use this solution that can break the whole word also.

If we provide below solution that can break the word not a single character.

@media screen and ( max-width: 420px ) {
    .is-layout-constrained ol li {
        word-break: break-word;

#3 @coffee2code
7 months ago

  • Component changed from General to Site
  • Priority changed from normal to low
  • Resolution set to fixed
  • Status changed from new to closed

Thanks for the report! This was fixed 8 months ago in the parent theme in 28564c6 on GitHub.

#4 @coffee2code
7 months ago

#6846 was marked as a duplicate.

Note: See TracTickets for help on using tickets.