How to change number of gallery images on mobile? - Flow Theme

Store Design
1

Hey! I am using Flow theme and i’ve added an image gallery on my website (homepage right below the video). As i open my site on laptop it is showing me the 4 gallery images in one row (which is okay ,i do not want to change this), but when i open my site on mobile it is showing the images in two rows (2 images per row). I want to change it so on mobile it is also 4 images in one row, like on desktop.

Is anyone able to support?

Link to Shop: https://www.betanics.de/password

Password: Gks7hd

Best

Kathie :slightly_smiling_face:

2

Hi Katherina,

I have just visited your site.

You can do it using media queries.

Feel free to contact me if you need any help

Thank you

Regards

3

Hi Coder 007,

Thanks for your reply!

Which code do i have to modify?

best

Kathie

4

Hi Kathie,

You may need to modify CSS.

.homepage-gallery-background content-width .image-block {
width: 50%;
float: left !important;
clear: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
}

Hope it will work

Best regards,

5

Hi Coder,

Shall i add the code in the respective CSS section of the gallery?

Best

Kathie