Skip to:
Content

BuddyPress.org

Opened 12 months ago

Last modified 5 months ago

#8903 new defect (bug)

Content overlaps issue on mobile device

Reported by: pitamdey's profile pitamdey Owned by: johnjamesjacoby's profile johnjamesjacoby
Milestone: BuddyPress.org Sites Priority: low
Severity: normal Version:
Component: BuddyPress.org Sites Keywords:
Cc:

Description

URL : https://codex.buddypress.org/
In Responsive the screen below 500px the content overlaps on each other

Attachments (2)

Screenshot 2023-05-23 at 3.32.19 PM.png (148.3 KB) - added by pitamdey 12 months ago.
Screenshot for better understanding
8903.patch (3.5 KB) - added by pitamdey 12 months ago.
After applying this solution the issue resolved

Download all attachments as: .zip

Change History (4)

@pitamdey
12 months ago

Screenshot for better understanding

@pitamdey
12 months ago

After applying this solution the issue resolved

#1 @pitamdey
10 months ago

I think we can add class to the Component, Version, Type and Context instead of applying inline css and then apply width according to the media query as the media query above 500px the width should be same i.e. 24% but after that it should be 50% that will make the design proper in responsive
something like this :

.class{
width: 24%
}
@media only screen and (max-width: 600px) {
.class{
width: 50%
}
}

#2 @imath
5 months ago

  • Milestone changed from Awaiting Review to BuddyPress.org Sites
Note: See TracTickets for help on using tickets.