Hi,
on my site the three-column grid shows inconsistent behaviour with regard to responsiveness.
full-width screen: 3 columns displayed (as expected)
below 768px width screen: inconsistent layout with first row showing a single column, second showing 2 column layout (as it is supposed to be for the complete grid at this screen width), third row single column again, next row 2 columns again
below 481px: consistent again with single column layout
Your demo on http://kriesi.at/themes/enfold/blog/blog-grid/ is showing the same strange behaviour.
Hi waunel,
That is the default behaviour, how would you like for it to look instead?
Thanks,
Rikard
Hi Rikard,
thanks for the prompt and unambiguous reply!
I would have expected the same number of columns in each row. And the number of columns depending on the screen width: 1 column for small screens, 2 columns for medium size screen (between 481 and 767 px) and three columns on wider screens.
Is there any way to achieve this.
Frank
Hi!
That’s how it works if you have the grid set to 3 columns. It sounds like your wanting to set it as 4 columns instead.
Best regards,
Elliott
Hi Elliott,
hmm, seems as if I am kind of lost now. Can you let me know where exactly I need to tweek the number of columns to be displayed on my category overview?
In the Enfold styling/design options I have selected grid styling. However I do not see any option for the number of columns to be specified.
Thanks & Regards,
Frank
Hey!
If it’s the category page then you can change it to 4 columns on line 53 in the /enfold/archive.php file.
'columns' => 3,
Cheers!
Elliott