Weird spacing issues

Hello,
I would like to have the spacing in these columns all be even on every device size. There are a couple of different things going on with specific sizes. Please see screenshots starting from Tablet size 768 and below.
The URL is https://www.statenislandda.org/si-against-hate/
Thanks in advance for your help with this issue.

Hello @Jennine,

Thanks for writing in! You are having this issue because you place the blue #55befe background color in the text element. Please insert this blue background color in each of the columns to prevent any of those empty spaces.

If the above suggestion is NOT helping, provide us access to your site so that we can check your settings. Please create a secure note with the following info:
– Link to your site
– WP login URL
– WP username
– WP password
– WP Administrator Role
- Confirmation that we can access and make changes to your site

To know how to create a secure note, please check this out: How The Forum Works

Best Regards.

Hi. Thanks for your response. That doesn’t do everything I need it to do. I would like a 2px white border on each column. There isn’t a margin available so I put a border around them. Making the columns blue makes the border disappear on some and also doesn’t fix all of the issues. And now there is a blue border showing around the image. Please see screenshot. I will attach the credentials.Thank you

Hey Jennine,

It seems like the custom CSS added for the class no-margin-mobile is causing the issue. I’d recommend you to remove the class and instead of showing/hiding different columns based on device size, use the Row element’s Layout feature by specifying the number of columns in different break-points under Layout (see screenshot)

image

You can learn more about the Row element here https://theme.co/docs/row or see the video tutorial here https://www.youtube.com/watch?v=6pN_a4eD5NM

Hope this helps!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.