Jump to content

Re-order and re size images in mobile view

Recommended Posts

Site URL: http://www.savvystudios.io

Hello -- On desktop I have a grid of images laid out. 20 or so images in a few rows of brand logos we've worked with. When I switch to mobile view it shows one image at a time so the user has to scroll past all the logos one at a time. Is there a way to not just resize but put 3 or 4 images on one line. I've found code and instruction on how to resize images, but I need to reorder them on mobile view too.

1539330555_ScreenShot2021-05-14at12_44_51PM.thumb.png.c77d80c12c82d73a00d2db2bfb66775b.png1595848778_ScreenShot2021-05-14at12_45_02PM.thumb.png.3bd4331b02270662827f9f01d5d41e8b.png

 

Link to comment
  • Replies 6
  • Views 836
  • Created
  • Last Reply
On 5/15/2021 at 3:06 AM, SavvyStudios said:

@tuanphan I saw you've helped other about this one? 

Hi. If you use Gallery Block to add these logos, we can change to 3 or 4 rows on mobile easier.

In your case, current we will need to use JavaScript (Business Plan or higher).

Which plan do/will you use?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.