Fixed group how to stop horizontal scroll on mobile?

Setup: i have a fixed group with multiple animated images on scroll for a panel on my homepage. I used a fixed group to create an organic look for the image placements. See look for desktop below:

On mobile it triggers a horizontal scroll since its just a fixed group :frowning: :

How can i ensure that it stays fixed & responsive on mobile? I tried some custom CSS but it didn’t work.

Cheers!

If you want to keep it fixed and not to design responsively, you will hide this desktop one in mobile using conditional (such as if screen is smaller than some width) and show the mobile (a smaller) fixed version in mobile.

These are opposites of each other and you can not make a fixed width element be responsive (ie: dynamic width)

Thank you! Do you have a recommendation how i could best achieve this?
I am worried that if i do conditions with multiple fixed groups that show & hide it would not be a smooth experience

This topic was automatically closed after 70 days. New replies are no longer allowed.