Padding on Blog posts (mobile view only)

Hi @tuanphan,

I have the same issue as the others (hoping for more padding between the "read more" and photo below it on mobile view).

I'm using masonry style but the CSS code above didn't work properly. Here's my page: https://mandarin-tarpon-d4mk.squarespace.com/blog

Thank you!
Meghan

On 12/12/2023 at 9:05 AM, MF0708 said:

Hi @tuanphan,

I have the same issue as the others (hoping for more padding between the "read more" and photo below it on mobile view).

I'm using masonry style but the CSS code above didn't work properly. Here's my page: https://mandarin-tarpon-d4mk.squarespace.com/blog

Thank you!
Meghan

The url doesn't work. Can you check it again?

22 hours ago, tuanphan said:

The url doesn't work. Can you check it again?

Oh sorry about that -- I disabled it temporarily. It should work now, but here's a different link: https://www.meghanfandrich.com/blog/ 

17 hours ago, MF0708 said:

Oh sorry about that -- I disabled it temporarily. It should work now, but here's a different link: https://www.meghanfandrich.com/blog/ 

@tuanphan (Just adding that I've changed it to Grid layout, but am still having the same issue with spacing on mobile. Thanks!)

On 12/15/2023 at 3:03 AM, MF0708 said:

@tuanphan (Just adding that I've changed it to Grid layout, but am still having the same issue with spacing on mobile. Thanks!)

You can add this code to Website Tools (under Not Linked) > Custom CSS

@media screen and (max-width:767px) {
article.blog-basic-grid--container.entry.blog-item.is-loaded {
    margin-bottom: 100px !important;
}
}

10 hours ago, tuanphan said:

You can add this code to Website Tools (under Not Linked) > Custom CSS

@media screen and (max-width:767px) {
article.blog-basic-grid--container.entry.blog-item.is-loaded {
    margin-bottom: 100px !important;
}
}

 

That's perfect -- thank you @tuanphan!