My homepage images are placed in a grid style gallery with 6 rows. When I view them on a mobile, it only shows 2 rows.
I was wondering if there was a way to [in mobile] view more than 3 rows? The image files are 500 x 500px already and I've tried to see what would happen if the files were 100 x 100px but it didn't work. I'm not sure how big the mobile screen is and maybe I could make the image size the [mobile width] divided by [how many columns I want]?
If you wanted to have rows of 3 images on mobile displays, you could add the following code to your CSS Editor:
@media only screen and (max-width: 640px) {
.sqs-gallery-design-grid-slide {
width
Question
leyillust 45
My website is lexy.co.nz
My homepage images are placed in a grid style gallery with 6 rows. When I view them on a mobile, it only shows 2 rows.
I was wondering if there was a way to [in mobile] view more than 3 rows? The image files are 500 x 500px already and I've tried to see what would happen if the files were 100 x 100px but it didn't work. I'm not sure how big the mobile screen is and maybe I could make the image size the [mobile width] divided by [how many columns I want]?
Much help appreciated!
Edited by TreyTretag
Link to post
Top Posters For This Question
3
1
1
Popular Days
Jul 29
2
Jun 22
1
Jul 31
1
Aug 26
1
Top Posters For This Question
TreyT 3 posts
leyillust 1 post
korbendallas23 1 post
Popular Days
Jul 29 2017
2 posts
Jun 22 2016
1 post
Jul 31 2017
1 post
Aug 26 2016
1 post
Popular Posts
TreyT
If you wanted to have rows of 3 images on mobile displays, you could add the following code to your CSS Editor: @media only screen and (max-width: 640px) { .sqs-gallery-design-grid-slide { width
TreyT
Try this for Summary Blocks: @media only screen and (max-width: 640px) { .sqs-gallery-design-autogrid-slide { width: 33.3% !important; clear:right !important; } }
Posted Images
7 answers to this question
Recommended Posts