Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Resizing image slideshow blocks on mobile view


sss_aaa

Question

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!

 

image.thumb.png.36821f97e9be081d4100118e893a2a93.png

Link to post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

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

  • 0
17 hours ago, capturecollect said:

Hi @sss_aaa,

It looks like you've fixed this. Could you please paste in your solution?

Thanks,

Hikaru

They used this CSS

@media screen and (max-width:767px) {
.sqs-gallery-design-strip {
    height: 50vh;
	overflow: scroll;
}
}

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL

--- Happy New Year

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...