I have setup the module in my home page with 4 columns using the scroll style, taking articles from a category.
How can I get it to behave responsively like your gym/fitness module on the demo page (which removes articles as the screen shrinks?
the fitness demo is responsive with the following parameters:
- configuration is horizontal,
- individual items are full width with a 300px width
- the heads (images) are 300x200,
- animation is 'scroll' with 4 visible items, no auto start.
These are the 'key ingredients' to make it responsive like in the demo.
You need to set the parameters as you would like to see them full screen, at the largest size (in the demo, 4 items on the same row is ideal). The animation will downsize items automatically, as long as individual items have a fixed width. Make sure that, when the animation downsizes the items to 1 item, that item will show properly on a mobile device (that is why I chose 300px).
Simplify Your Web is not affiliated with or endorsed by Open Source Matters or the Joomla! Project. The Joomla! logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.