I cannot seem to fix the spacing on these items for mobile. It looks great on web, but mobile has them stacked too close together. I’ve tried adding spacers above and below each, but it just adds all 4 spacers to the top or bottom and doesn’t help.
Does anyone know the fix to get more space where that red arrow is pointing on the mobile screenshot?
Hey @gml_ljb - thanks for posting in the Community!
Are you able to post any screenshot(s) of your page’s mobile settings to get a better idea of what you currently have set here? This may help the Community provide some suggestions on how you can achieve the spacing you’re looking for!
Shane, Community Manager
Hey @gml_ljb,
it comes down to your setup.
Is the whole “row” a single module or several ones that you dnd’d into position?
If it’s a single module, it’s most likely a custom module and you should be able to solve this with a bit of CSS.
If this should be several ones, you can toggle to the mobile view of the page (mobile icon below the page title)
open each column
and set the top/bottom margin of each column to something different.
If you need help with CSS, happy to help
best,
Anton
Thanks, Anton! Going into each column to edit the margins did the trick. I had a feeling it had to do with margins, I just couldn’t find which margin needed to be fixed.
