You are here:  » get grid results 100% width

Support Forum



get grid results 100% width

Submitted by wilkins on Wed, 2013-02-20 19:37 in

Hi David

i am developing a site like pinit and using search results grid, i have it set at 6 columns but would like it to expland and decrease when the window size is changed.

example {link saved} is how it reacts now but would like it to follow the same as the front page which is based on a wordpress theme.

Regards

Brent

Submitted by support on Thu, 2013-02-21 10:31

Hi Brent,

The trick to a fluid layout with varying number of columns depending on the browser width (e.g. mobile, table, desktop) is to use floated left DIV elements for each result rather than a table. Browsers will then automatically fit as many to the width as possible.

If you wouldn't mind bearing with me just a little, I am actually planning to post a responsive theme for Price Tapestry as my next project after the version upgrade this week - and that will include floated elements for automatic fit to width which should be close to what you want...!

Cheers,
David.
--
PriceTapestry.com

Submitted by wilkins on Thu, 2013-02-21 10:53

Hi

Thanks David, will wait for new update.

Brent