Skip to:
Content

BuddyPress.org

Opened 4 months ago

Last modified 6 weeks ago

#8903 new defect (bug)

Content overlaps issue on mobile device

Reported by: pitamdey's profile pitamdey Owned by: johnjamesjacoby's profile johnjamesjacoby
Milestone: Awaiting Review 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 4 months ago.
Screenshot for better understanding
8903.patch (3.5 KB) - added by pitamdey 4 months ago.
After applying this solution the issue resolved

Download all attachments as: .zip

Change History (3)

@pitamdey
4 months ago

Screenshot for better understanding

@pitamdey
4 months ago

After applying this solution the issue resolved

#1 @pitamdey
6 weeks 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%
}
}
Note: See TracTickets for help on using tickets.