How can I adjust column spacing on iPad

[Solari]

(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

 

[Russ]

Try something like this in extra.css:

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

Or you can use a regular numerical value:

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

To adjust when it happens.

This code would go inside extra.css

 

[Solari]

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:

@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

 

[Solari]

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

Any word on this? Thanks.

 

[Russ]

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

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

}

Try this.

 

[Solari]

No problem on bumping, I understand. ; )

That did the trick, thanks matey!

Ray

 

[Solari]

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

 

[Russ]

That's how XF shows it by default:

How would you prefer to show, I can provide the CSS. Just remove that header (last message)?