Forums

Hello, is it possible to hide unnecessary columns if the page width is under a certain size?

Here's what our forum currently looks like on mobile
[attachment=0]2.PNG[/attachment]

Here is what I would like it to look like (I did this by deleting elements in Firebug.

[attachment=1]1.PNG[/attachment]

Kind regards

Thomas Brentnall

Hi Thomas,

I don't know much about ChronoForums but my guess is that you you could do this with JavaScript by checking the ViewPort size and then using CSS to hide columns as you did in Firebug.

Bob

Okay, thanks for the quick reply!

I'm currently experimenting with CSS media queries, and I'll keep this thread updated as I go along!

Right, I have a JSFiddle here of what I want to do http://jsfiddle.net/y80xh52r/

So now I need to edit the below section to add and extra class to the TD's for the views, comments and last author. This is the output from Firebug

[attachment=0]chrono.PNG[/attachment]

Now I have edited the file /components/com_chronoforums/chronoforums/views/forums/index.php as this appears to be the one that contains the code for this section, although editing this file seems to have no result? I have also tried putting this into /templates/mytheme/html/com_chronoforums/forums/index.php but this has also had no effect

This is the section I have been looking at
[attachment=1]chrono2.PNG[/attachment]

Is this code in any other files that I may have missed?

Kind regards,

Tom

Hi,

An easier solution would be using CSS media queries, please try the code below in the Styles area at the settings:

@media (max-width: 600px) {
  .cfu-lastpost {
    display: none;
  }
}

Change the 600px to any width under which you want to hide the lastpost column, and add more rules if needed.

Regards,
Max

Hi, I got it sorted the other day!

Thanks for the reply though!

[attachment=0]Screen Shot 2015-01-09 at 20.41.05.png[/attachment]