Are you enjoying the extensions? Did you like the support? Help others decide.

Leave a review

file Make stories appear responsively

More
8 years 5 months ago #4551 by Elwood
Make stories appear responsively was created by Elwood
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?

Please Log in or Create an account to join the conversation.

More
8 years 5 months ago #4552 by syw
Replied by syw on topic Make stories appear responsively
Hello!

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).

Olivier.

Please Log in or Create an account to join the conversation.

More
8 years 5 months ago #4553 by Elwood
Replied by Elwood on topic Make stories appear responsively
Thanks syw ... sorted it!

Please Log in or Create an account to join the conversation.

More
8 years 5 months ago #4554 by syw
Replied by syw on topic Make stories appear responsively
You are welcome!

Olivier.

Please Log in or Create an account to join the conversation.