XF 1.x How can I adjust column spacing on iPad

Solari

Active Member
(Edge XF1.5)

On the iPad, the subject/title of each thread looks squished. I'd like to expand it out longer and shorten the other columns on the right (replies/views, etc.) which don't need to be as wide.

Thanks!
Ray
 

Attachments

  • Attachment0 3.jpeg
    Attachment0 3.jpeg
    609.2 KB · Views: 17

Russ

Pixel Exit Staff
Try something like this in extra.css:

Code:
@media (max-width:@maxResponsiveWideWidth)
{
    .XenBase .discussionListItem .stats {width: 110px; }
}

Or you can use a regular numerical value:

Code:
@media (max-width:900px)
{
    .XenBase .discussionListItem .stats {width: 110px; }
}

To adjust when it happens.

This code would go inside extra.css
 

Solari

Active Member
Hmm, it works somewhat. I was thinking it would be best from a usability point to hide the replies/views column in iPad mode like it does in iPhone. I was able to hide the content area via:

Code:
@media (max-width:@maxResponsiveWideWidth)
{
    .XenBase .discussionListItem .stats {display:none;}

}

However, the REPLIES | VIEWS header stays on the top of the column. How do I hide that as well?

Thanks so much for your patience,
Ray
 

Russ

Pixel Exit Staff
Sorry your response slipped by me, thanks for bumping. If I ever go like a day or two without responding just bump it :D.

Code:
@media (max-width:@maxResponsiveWideWidth)
{
    .XenBase .discussionListItem .stats, .XenBase dl.sectionHeaders .stats {display:none;}

}
Try this.
 

Solari

Active Member
In iPad (or tablet) view, I noticed in the list of threads, the header shows LAST MESSAGE (showing last poster on a thread) but it doesn't show their name or such. See attachments -- regular view and ipad view.

How can I fix this?

Thanks.,
Ray
 

Attachments

  • Screen Shot 2018-06-29 at 10.35.28 PM.png
    Screen Shot 2018-06-29 at 10.35.28 PM.png
    294 KB · Views: 9
  • Screen Shot 2018-06-29 at 10.34.25 PM.png
    Screen Shot 2018-06-29 at 10.34.25 PM.png
    510 KB · Views: 10

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.