[Solved] Reduce space on top and below element on mobile

Need help Mobile
1

I’d like to reduce the amount of space on top and bottom of a group/element on mobile. In the attached images, I think that 200px spacing looks good on desktop, but it’s too much on mobile.

How would you go about reducing the space on mobile?

I’d prefer to not create a mobile version of the page. Same goes for duplicating groups to show/hide them for different devices. What alternatives do I have?

Desktop (space on top and bottom looks alright):

20
201448×1004 5.88 KB

Mobile (too much space on top and bottom):
35
35382×1000 4.47 KB

Many thanks!

2

If anyone else has the same question:
I solved it by making the redundant space on top and below elements into collapsible groups that are only shown if “current page width ≥ 770”. To me, this was a good solution because it allows me to have one page for both mobile and desktop.

1 Like