Collapse/Expand code not working on mobile device


Can anyone advise me on why my collapse/expand code doesn’t display so well on a mobile device (android Samsung S8 in this case). It leaves big blank gaps in between the collapsed sections. It works as expected on a windows PC.

See attached images showing an example that’s expanded and then collapsed (with the big gap showing).

Here’s the page: (scroll about half way down to the ‘Ride Details’ section for the collapsed elements)

Not sure if I’m doing something wrong for mobiles…? Cheers

Try to move the underneath Element closer to the upper element so that the space between then are as little as possible. There is a pixel rule and that can vary between devices.

check out this article:

Good luck!