3 images in a row on mobile

kickflipking · January 15

Three images in a row on desktop subpage works fine but on mobile it goes to two images instead. I would ideally like three images in a row on mobile site across my chosen subpages. I currently have it working on my mobile homepage only and not subpages. Any help with this would be great

www.jameshandleydp.com

Edited January 15 by kickflipking
website added and more detail

Web_Solutions · January 16

11 hours ago, kickflipking said:

Three images in a row on desktop subpage works fine but on mobile it goes to two images instead. I would ideally like three images in a row on mobile site across my chosen subpages. I currently have it working on my mobile homepage only and not subpages. Any help with this would be great

www.jameshandleydp.com

I think you did it.

kickflipking · January 16

Thank you, I have it on my home page but not on my subpage. I have put a link below to this

https://www.jameshandleydp.com/narrative

Lesum · January 16

@kickflipking You can try adding this code snippet within the Custom CSS panel:

@media only screen and (max-width:767px) {
	.gallery-grid--layout-grid .gallery-grid-wrapper {
		grid-template-columns: repeat(3, 1fr) !important;
	}
}

kickflipking · January 16

That's worked, thank you very much

3 images in a row on mobile

Recommended Posts

kickflipking

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Web_Solutions

kickflipking

Lesum

kickflipking

Create an account or sign in to comment

News

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources