Re-order and re size images in mobile view

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.

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

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?

@tuanphan Ah good to know. Yes I have a business plan. Thanks for offering some insight here - what are the steps?

Have you solved it yet?

Hey @tuanphan I haven't -what's the java script option you mentioned?

On 5/25/2021 at 3:15 AM, SavvyStudios said:

Hey @tuanphan I haven't -what's the java script option you mentioned?

Hi. Can you try changing to Gallery Block? Then we can achieve 3-4 items/row easily on mobile