Skip to:
Content

BuddyPress.org

Opened 10 months ago

Last modified 10 months ago

#8885 new defect (bug)

Content formatting issue on Contact page

Reported by: patelhitesh's profile patelhitesh Owned by: johnjamesjacoby's profile johnjamesjacoby
Milestone: BuddyPress.org Sites Priority: normal
Severity: normal Version:
Component: BuddyPress.org Sites Keywords: needs-patch needs-design-feedback has-screenshots
Cc:

Description

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.

Attachments (4)

buddy1.png (196.9 KB) - added by patelhitesh 10 months ago.
Content formatting issue on Contact page
CleanShot 2023-05-11 at 11.00.35@2x.png (187.8 KB) - added by nidhidhandhukiya 10 months ago.
Result after applying given css.
8885.diff (535 bytes) - added by viralsampat 10 months ago.
I have checked above mentioned issue and I have resolved it and added patch. Also, I have attached screenshot after resolved this issue.
CleanShot 2023-05-19 at 15.41.20@2x.png (468.0 KB) - added by viralsampat 10 months ago.

Download all attachments as: .zip

Change History (7)

@patelhitesh
10 months ago

Content formatting issue on Contact page

#1 @imath
10 months ago

  • Milestone changed from Awaiting Review to BuddyPress.org Sites

#2 @nidhidhandhukiya
10 months ago

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
10 months ago

Result after applying given css.

#3 @kajalgohel
10 months ago

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
10 months ago

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

Note: See TracTickets for help on using tickets.