Jump to content

help with slideshow gallery on mobile

Recommended Posts

Site URL: http://builtcomplete.com.au

Good morning,

I'm hoping you can help me with a Slideshow Gallery. It works fine on the desktop but on mobile view there is a huge amount of white space underneath the slideshow and before the footer.

Can you please tell me how to correct this for mobile so there is no white padding underneath the gallery ?

Originally the image crops off the sides of the image on mobile, I managed to correct this with

/* CSS FOR MOBILE */
@media @mobile { 
 .gallery-fullscreen-slideshow-wrapper {
  width: 100%;
  height: 50%;
}

MOBILE HAS TOO MUCH WHITESPACE UNDER THE GALLERY AS BELOW

1688655528_ScreenShot2021-03-17at2_30_53pm.png.0687ea55fc45d1267fe179b411df1a7a.png

 

DESKTOP IS PERFECT640926243_ScreenShot2021-03-17at2_29_47pm.thumb.png.ca88353c23e902ce0f53c4b65d4428e1.png

Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Hi,
try adding these in the css editor:

@media screen and (max-width:767px) {
[data-section-id="your id here"] {
    height: 20vh;
}

 

(you must insert the id of you container, you che find it by doing inspect element on your browser)

CREDIT: Tuanphan

Link to comment
  • 2 weeks later...

Create an account or sign in to comment

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


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.