Jump to content

3 images in a row on mobile

Go to solution Solved by Lesum,

Recommended Posts

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 by kickflipking
website added and more detail
Link to comment
  • Replies 4
  • Views 1k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

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.

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

Link to comment
  • Solution

@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;
	}
}

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Sam
Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.