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

Need to force gallery slideshow to fit on smaller mobile screens


1WorldPrint

Question

Site URL: http://www.1worldprint.co.uk

Hi, I have a slight issue with the mobile version of our website and i'm sure there is some CSS that might be able to fix it.

 

http://www.1worldprint.co.uk/

 

The sliders on the front page on desktop are fine and on my iPhone 8 Plus, i have managed to make it fit within the borders but with smaller phones the text doesn't fit. It there is a way to force the gallery to a certain width on mobiles. I have attached some images to give you the idea as well.

 

Thanks for any help.

IMG_9502.PNG

f7400ed8-1887-47e2-be1a-4a09f07b68b6.jpg

Link to post
  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Add to Page Settings . Advanced > Header <style> @media screen and (max-width:767px) { .gallery-fullscreen-slideshow { height: 40vh !important; } } </style>  

Posted Images

4 answers to this question

Recommended Posts

  • 0
@media screen and (max-width: 699px) {
  [data-section-id="5f310b9e0c19916a428a5342"] .gallery-fullscreen-slideshow {
    height: 45vh !important;
  }

  [data-section-id="5f310b9e0c19916a428a5342"] .gallery-fullscreen-slideshow-item {
    height: 45vh !important;
  }
}

@media screen and (min-width: 700px) and (max-width: 999px) {
  [data-section-id="5f310b9e0c19916a428a5342"] .gallery-fullscreen-slideshow {
    height: 55vh !important;
  }

  [data-section-id="5f310b9e0c19916a428a5342"] .gallery-fullscreen-slideshow-item {
    height: 55vh !important;
  }
}

 

Link to post
  • 0
On 9/18/2020 at 12:44 AM, ShortAngryViking said:

Hi @rwp could you take a look at this page please. I can not find a code anywhere to fit the gallery to size on mobile

https://ray-cone-ap64.squarespace.com/gallery

 

passcode: 12345

 

Add to Page Settings . Advanced > Header

<style>
@media screen and (max-width:767px) {
.gallery-fullscreen-slideshow {
    height: 40vh !important;
}
}
</style>

 

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

-- Pour your heart into it

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...