sean1688 Posted February 19, 2015 Share Posted February 19, 2015 we have some tables with pictures and links on some of our pages, the table gets too big for the mobile screens. Does cubecart support responsive tables? if not, what can we do to make it responsive? I found some code here: http://codepen.io/geoffyuen/pen/FCBEg but it did not work because I don't know where to put the css code, and even if I do, I am not sure if the code works for cubecart. this is the page with the table that we want to make responsive: http://www.mastechpowersupply.com/ Quote Link to comment Share on other sites More sharing options...
bsmither Posted February 19, 2015 Share Posted February 19, 2015 It looks like the table of products is actually part of the Homepage document. I suggest that you take them out of the table, and wrap each in a div that has a style="float:left;". When you look at the HTML of the Latest Products in the Kurouto skin, you will come to learn the HTML of making each product's div block be a common height and width, and there will only be as many as will fit across the width of the screen because of how floats work. Quote Link to comment Share on other sites More sharing options...
sean1688 Posted February 21, 2015 Author Share Posted February 21, 2015 Thanks for your help! it did sort of fix the problem, but I had to add a lot of returns and breaks to push the other content down to avoid the layout of the page getting all mixed up. 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.