Taryn Posted January 4, 2014 Report Share Posted January 4, 2014 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. Quote Link to comment Share on other sites More sharing options...
MortusEclipse Posted January 4, 2014 Report Share Posted January 4, 2014 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. Quote Link to comment Share on other sites More sharing options...
falkencreative Posted January 4, 2014 Report Share Posted January 4, 2014 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. Quote Link to comment Share on other sites More sharing options...
Taryn Posted January 4, 2014 Author Report Share Posted January 4, 2014 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. Quote Link to comment Share on other sites More sharing options...
falkencreative Posted January 4, 2014 Report Share Posted January 4, 2014 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) Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.