Large Gap Above Image Gallery

simon.stjohn · February 23

Hi all,

For some reason I am getting a very large gap above an image gallery block when viewed on mobile (desktop is fine).

Would anyone know how to fix this/what I am doing wrong 🙂

https://www.blog.baligram.me/baligram

(the gap is under the heading 'Explore the natural wonders of Bali and Lombok' and above the gallery below that)

Any help most appreciated!

simon.stjohn · February 24

@tuanphan My guru! Would you have a solution maybe? 🙂

tuanphan · February 25

If you change Section 3 to Classic Editor Section, the gap will disappear

If you want to use code, add this to Design > Custom CSS

/* Mobile gap above gallery */
@media screen and (max-width:767px) {
.fe-63f6e8ea0081765b77967a34 {
    grid-template-rows: repeat(2,minmax(24px, auto)) !important;
}
}

simon.stjohn · February 25

Hi @tuanphan Thank you again so much for helping me...I really appreciate it.

I really should learn CSS....and I guess also the structure of Squarespace as well. I wonder if there are any good courses on this?

Have a great day ahead.....

Edited February 25 by simon.stjohn

tuanphan · February 27

On 2/25/2023 at 11:55 AM, simon.stjohn said:

Hi @tuanphan Thank you again so much for helping me...I really appreciate it.

I really should learn CSS....and I guess also the structure of Squarespace as well. I wonder if there are any good courses on this?

Have a great day ahead.....

You can learn on W3Schools, Teamtreehouse or Will-Myers has a CSS course

Large Gap Above Image Gallery

Recommended Posts

simon.stjohn

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

tuanphan

Posted Images

simon.stjohn

Link to comment

tuanphan

Link to comment

simon.stjohn

Link to comment

tuanphan

Link to comment

Create an account or sign in to comment

tuanphan

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources