Gallery elements don't align to inset edge in mobile mode

MAC1 · February 5

Hi,

home page: https://ellipse-teal-dl5w.squarespace.com/
pass: 04
Issue is on homepage:
I was able to get my home page gallery elements correct in spacing and columns with css. But in mobile mode, I'm having trouble with aligning the 2 gallery grid elements to the "inset" edge like every other element on my home page:
Gallery grid Id in question:
section[data-section-id="651f41fea4b86457aeca31fd"]
section[data-section-id="65c04f34561f77483f011ccb"]

on desktop mode its fine.

but on mobile mode it doesn't go to the edge:

Had a look and tried some code but nothing I found works. Appreciate any advice and help on this.
Cheers

Edited February 5 by MAC1

tuanphan · February 7

Try this CSS code

@media screen and (max-width:767px) {
body.homepage .gallery-grid.gallery-grid--layout-grid {
    padding-left: 7vw !important;
    padding-right: 7vw !important;
}
}

MAC1 · February 7

Beautiful works perfect thanks again @tuanphan

Gallery elements don't align to inset edge in mobile mode

Recommended Posts

MAC1

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

tuanphan

Posted Images

tuanphan

MAC1

Create an account or sign in to comment

News

tuanphan

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources