Mobile responsive pages and defined content

[toplisek]

As responsive design leads to the same content (not design) I like to know if there is possibility to show only two columns on mobile devices but other will be one column. Is this possible to do with Javascript?

Examples are Icon fonts. If you show them on mobile size it should be 2 column but other sizes should be 3 columns. Is this technical possible?

[ronin]

Yes, there are several ways to go about this.

One simple way (just using CSS - no javascript required) would be to

float:left;

the columns.

You can then use media queries to give the columns, respectively a

width:49%;

(for mobile)

or

width:33%

(for non-mobile).

[toplisek]

I have done this. There can be better control if I have defined variables when user came at website.