eliminating space between columns of text that get vertically stacked on mobile

Site URL: https://www.nonprofitnomad.com/about

Hello, 

I'm having a recurring issue on sites I'm building where bulleted lists that are separated into side-by-side columns on desktop get stacked on mobile with a space between them. How do I eliminate the space?

Please see screenshots of how it looks on desktop and the space that appears on mobile that I'd like to get rid of. The URL is https://www.nonprofitnomad.com/about.

Thanks in advance!

Add to Design > Custom CSS

/* Mobile About Text Spacing */
@media screen and (max-width:767px) {
div#block-5f3250e9411287d0e9fc {
    padding-top: 0px !important;
}
div#block-da81f92caecec77d2cfe {
    padding-bottom: 0px !important;
}
}

Thank you so much! That's the only advice I've gotten that actually works!!

I'm having the same issue on my site: www.goldensquirrelpub.com/the-bar

where do you find the div#block-...  info on the site?

On 8/13/2022 at 5:01 AM, JCDandP said:

I'm having the same issue on my site: www.goldensquirrelpub.com/the-bar

where do you find the div#block-...  info on the site?

Use this tool

https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en