Making the Forums Page switch to single column at Tablet size

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • StephenKay
    Senior Member
    • Apr 2003
    • 437

    Making the Forums Page switch to single column at Tablet size

    The main Forums Activity page is a two column design.

    The first picture shows it at iPhone dimensions, where it gets compressed down to a single column design with the text spread across the entire width.

    The second picture shows it at iPad (tablet) vertical size. There are still two columns, but to me the scrunched up left side Forums columns look bad and difficult to read.

    I would like to try and have this page switch to the single column view at a wider width than it currently does. In other words, on my tablet in vertical, I'd like there to just be a single column like on my Phone.

    In the CSS, I can see that something goes on when

    media only screeen and (max-width: 767px)

    This is when it switches to the Phone-sized view.

    I'd like to, for example, have things go to the single column format at say 1048px. But this is exceedingly complex what goes on here with the resizing at various screen widths and I have no idea to where to begin with this. Maybe it's impossible... Thanks.

    Click image for larger version

Name:	forums1.jpg
Views:	50
Size:	99.7 KB
ID:	4386662Click image for larger version

Name:	forums2.jpg
Views:	46
Size:	115.3 KB
ID:	4386663

Related Topics

Collapse

Working...