Jump to content

Change gallery for mobile only

Recommended Posts

Hello there! I'm stuck on this one, I'm updating the website and I'd like to have a grid gallery ( like the one I already have) for the desktop version, and a single image gallery with arrow navigation for the mobile, since it's gonna be too long to scroll.

 

I read somewhere that it's doable on the 7.1 version, but I can't figure it out. 

Attached you can find a couple screenshots

website is joetamponi.com

 

Thanks!

 

 

Screenshot 2023-08-29 alle 13.07.34.png

Screenshot 2023-08-29 alle 13.07.43.png

Link to comment
  • Replies 6
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

@JT998 You have the option to create an image gallery with arrow navigation just below the grid gallery on your website. With custom CSS code, we can ensure that this gallery is visible only on mobile devices. Once you've created this gallery, I can provide you with the necessary code. Thank you.

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

Hey there! I created all the galleries actually, everything is ready! 

Fact is, now on mobile you have to scroll a lot to see all the images, and when I tried to create another gallery for the mobile view only it changed the desktop view too.

 

So if there's a magic code trick to handle this, I'd thank you so much! 

Again, site is on joetamponi.com, version is 7.1

Link to comment

@JT998 Hi, Apologies if my previous explanation wasn't clear. What I meant was to replicate the same gallery that you have on the desktop view, with arrow navigation. Then, with the use of custom code, we can set it to display exclusively on mobile devices. Once you have created the gallery, I'll be able to provide you with the necessary code. Thank you!

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.