Hi, I applied the slideshow gallery block for 4 of my pages and they look just fine on laptop view, however, they become very small on mobile view and I have tried many codes but none seem to be working (I have attached the mobile view as well). The one I am currently using is:
Question
sss_aaa 0
Site URL: https://www.strandlock.co.uk/about-aveda
Hi, I applied the slideshow gallery block for 4 of my pages and they look just fine on laptop view, however, they become very small on mobile view and I have tried many codes but none seem to be working (I have attached the mobile view as well). The one I am currently using is:
@media screen and (max-width:640px) {
#sqs-gallery-design-strip-slide{
min-heigh: 40vh !important;
}
}
or I have also tried it with width:
@media screen and (max-width:640px) {
#sqs-gallery-design-strip-slide{
width:100% !important;
}
}
The links are as follow (all with the same problem):
https://www.strandlock.co.uk/about-aveda
https://www.strandlock.co.uk/aveda-colour
https://www.strandlock.co.uk/scalp-health
Does anyone have an idea maybe why the code is not working? Thanks a lot!
Link to post
Top Posters For This Question
1
1
1
Popular Days
Aug 3
1
Aug 19
1
Aug 20
1
Top Posters For This Question
sss_aaa 1 post
capturecollect 1 post
tuanphan 1 post
Popular Days
Aug 3 2020
1 post
Aug 19 2020
1 post
Aug 20 2020
1 post
Popular Posts
tuanphan
They used this CSS @media screen and (max-width:767px) { .sqs-gallery-design-strip { height: 50vh; overflow: scroll; } }
Posted Images
2 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment