Collapse/Expand code not working on mobile device

Discussion Ask a question
,
1

Hi

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:
https://www.rcmc.org.au/activities-cycling (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

1080×2220 225 KB

1080×2220 144 KB

2

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.

3

Hi,
check out this article:

Good luck!
Roi.