Jump to content

Vertical Spacing for Two Column Bulleted Lists on Mobile

Recommended Posts


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


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.