The width of the post list items is fixed. The third item does not fit in the line so it is placed in a new line automatically. That is the intended behaviour. To set a layout like “x items in y rows” is hardly possible because of so many different display sizes.
Thread Starter
cag8f
(@cag8f)
OK thanks for the reply. I would like to prevent that extra line from appearing at lower screen widths. What do you think my options are at this point?
–Is it possible to increase the width of the parent element at certain screen widths (e.g. with a CSS media query)?
–Is it possible to tell the plugin to display only two items (instead of three) at certain screen widths?
–Is it possible to decrease the width of each thumbnail at certain screen widths, so all three items fit on a single row?
–Anything other solutions/workarounds I might be overlooking?
Thanks again.
“Yes” are the answers to your questions.
Thread Starter
cag8f
(@cag8f)
OK thanks. For two of the options I listed, I can work through custom CSS on my own. But how exactly would I carry out this option:
>> Is it possible to tell the plugin to display only two items (instead of three) at certain screen widths?
Thanks.
Please take a look at the CSS documentation for
@media queries (“certain screen widths”)- selector
:nth-child() (to address the 3rd item)
- statement
display:none (to remove the addressed item)
Thread Starter
cag8f
(@cag8f)
OK thanks. But just to be clear, any solution to this issue will require custom coding (CSS, etc) on my part–is that correct? I just want to be sure there is no solution built-in to the plugin settings somewhere.
Thanks.
You are right, there are no built-in options for that. It is a field too wide to define and thus too complicated too implement.
Thread Starter
cag8f
(@cag8f)
OK. We can consider this resolved then.
