Is It Possible To Change Number Of Columns According To Device?

[Taryn]

I have a table with 2 columns which looks good on a desktop but when I look at it on a mobile the columns overlap.

 

Is it possible to have 2 columns on a desktop and 1 on a mobile device?

 

My theme is responsive but the table is created via a plugin. I added the padding to the table as a fixed value (padding: 30px;) maybe there is a better way to do it such as a percentage? I don't know if this is possible but it might also solve the problem.

 

http://www.creative-printables.com/autonav/

 

Any help will be much appreciated.

[MortusEclipse]

First of all you do not want to use tables for webpage layout, the are for Data Tables only. Early in web design, when there was no other options and website design was static, tables had been used for layout. It's best to use DIVs and CSS to layout the page where DIVs can be dynamically sized and positioned in relation to one another. If you are using Wordpress and your theme does not come with Column shortcodes, noting that columns are not the same as tables, there are several plugins to add this functionality. Some others may have some other options for you as well.

[falkencreative]

It is possible, but not with that plugin. Either that plugin would need to be modified to use divs instead of tables, or you'd need to use a different plugin that accomplishes the same thing.

[Taryn]

Thanks for the replies.

 

Do you know of any other plugins that show a thumbnail / featured image from each post in a certain category?

 

I have spent days looking but haven't found one which seems unlikely.

[falkencreative]

If you're using http://wordpress.org/plugins/autonav/, it appears that the plugin also supports outputting the content in lists, rather than tables. By default, that would show one image per line, but with a little bit of CSS, you should be able to customize the list items to form columns (using "float:left" in the CSS)