[buddypress-trac] [BuddyPress Trac] #8903: Content overlaps issue on mobile device

[buddypress-trac]

#8903: Content overlaps issue on mobile device
----------------------------------+------------------------------
 Reporter:  pitamdey              |       Owner:  johnjamesjacoby
     Type:  defect (bug)          |      Status:  new
 Priority:  low                   |   Milestone:  Awaiting Review
Component:  BuddyPress.org Sites  |     Version:
 Severity:  normal                |  Resolution:
 Keywords:                        |
----------------------------------+------------------------------

Comment (by pitamdey):

 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%
 }
 }
 }}}

-- 
Ticket URL: <https://buddypress.trac.wordpress.org/ticket/8903#comment:1>
BuddyPress Trac <http://buddypress.org/>
BuddyPress Trac