Jump to content

Vertical Spacing for Two Column Bulleted Lists on Mobile

Recommended Posts

Hello!

I have a website with a lot of this style of set up of a two column bulleted list. On mobile there is that weird spacing between blocks that we'd like to fix. I have tried this code:

 

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

But it didn't eliminate that gap. I wonder if it just needs adjustment or if another fix is available. This would be something that is on 40+ pages of the site so I also wonder if it is a good practice to have that much coding for each block?

 

Thanks for your help!

 

PW to the site is: CascadeH22

Mobile.png

Desktop View.png

Edited by destinyestringer
Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.