Content formatting issue on Contact page

[patelhitesh]

Please check the below URL:
​https://buddypress.org/contact/

When we inspect the page at the width 425px wide. Support and Security paragraphs have formatting issues. For more details, please check the attached screenshot.

[patelhitesh]

Content formatting issue on Contact page

[nidhidhandhukiya]

The below css can resolve the above issue.

@media screen and (max-width: 767px) {
    .bp-legacy.page-id-146138 #main .content > div {
        width: auto!important;
    }
}

[nidhidhandhukiya]

Result after applying given css.

[kajalgohel]

Hello @patelhitesh ,

I think we should apply CSS below 480px. so, the below CSS will resolve the issue.

@media screen and (max-width: 480px) {
    .bp-legacy.page-id-146138 #main .content div {
        width: auto !important;
    }
}

Thanks.

[viralsampat]

I have checked above mentioned issue and I have resolved it and added patch. Also, I have attached screenshot after resolved this issue.

[espellcaste]

Closing as per #9193