Re: Media Queries

Posted by GregChapman on Nov 12, 2016; 6:26pm
URL: https://support.nabble.com/Media-Queries-tp7597404p7597503.html

Trouble with trying to re-write the CSS code on those kind of visual classes is that they're used in a good many places, so you'll probably introduce unwanted side effects.

So instead I looked  at the last post HTML code and see it  includes:

<span class="weak-color nowrap" style="padding-left:.2em">

so I searched for that and it's in line 72 of the "last_post_column" macro.

Have a go at deleting the "nowrap" from that line and see if the effect is satisfactorily on a narrow screen.

If it is then we can work on the media query aspect of it to ensure you keep the existing layout for desktop screens.

EDIT:
Another thing to try is to add a line break tag at the beginning of the line, e.g:

<br><span class="weak-color" style="padding-left:.2em">

That should force the author name under the date, which should allow a narrower column.

I haven't tested these ideas. so it will be suck it and see!