Row responive problem

I have a row of 5 beerbottles. I would like them to respond to smaller screens by becoming 4 and 3 on smaller screens, 2 on ipad and 1 bottle on iphone. It steps directly from 5 to 1 under 768px screens. Is there any way of controlling this by Css?

Hi There,

I can see that those beer bottles are made using Addons So Widgets Bundles plugin and not default X columns. Although, yes, it can be controlled using CSS media queries. It is best option though to consult the widget/plugin developer for it’s responsive settings.

This is solved by using a html widget. Thank you.

You’re welcome.