Opened 4 months ago
Last modified 6 weeks ago
#8903 new defect (bug)
Content overlaps issue on mobile device
Reported by: |
|
Owned by: |
|
---|---|---|---|
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)
Change History (3)
#1
@
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.
Screenshot for better understanding