How do you change the gallery view for mobile only?

montyzoomerz · December 12, 2022

I have this page: https://olivermwilson.com/work-1 that I am very happy with in desktop view but in mobile view I would like the the gallery to appear full bleed. I can change this on google inspect but no luck in css. I have tried the below:

@media screen and (max-width: 767px)
.gallery-masonry[data-width="full bleed"] {
padding: 0vw;
}

Can anyone shed some light on this please? See image below of how I would like this to appear if possible.

Thanks in advance!

tuanphan · December 16, 2022

Use this

@media screen and (max-width:767px) {
.gallery-masonry {
    padding: 0px !important;
}
}

montyzoomerz · December 28, 2022

Thank you that is brilliant! Much appreciated.

How do you change the gallery view for mobile only?

Recommended Posts

montyzoomerz

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

montyzoomerz

Posted Images

tuanphan

Link to comment

montyzoomerz

Link to comment

Create an account or sign in to comment

montyzoomerz

Events

Circle Day

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources