Making WordPress.org

Opened 7 months ago

Last modified 7 months ago

#6757 new defect (bug)

https://wordpress.org/about/privacy/ page design breaking issue in the mobile devices.

Reported by: upadalavipul's profile upadalavipul Owned by:
Milestone: Priority: normal
Component: General Keywords:
Cc:

Description

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: https://share.cleanshot.com/9PnbxsQPvQmbcZ32Bgxz

Page URL: https://wordpress.org/about/privacy/

Change History (2)

#1 @upadalavipul
7 months ago

Need to add the below CSS for the above issue.

CSS:

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

#2 @nidhidhandhukiya
7 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;
    }
}
Note: See TracTickets for help on using tickets.