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

Keeping Gallery Slideshow Block 'full width' on Mobile.


Recommended Posts

Site URL: https://www.alliancepackaging.ie

I have a full width gallery block slideshow on my 7.1 site homepage. It looks great on desktop but only partially displays on mobile depending on where the focus has been set on the image, example below. I'd like to find a way of having the banner images display in full on mobile and wondered if anyone has ever found a workaround for this?

Desktop:

image.thumb.png.fe7012eb2280e9f009a86270eb3fe8f2.png

Mobile:

image.png.a56a1e8925d7ec9e1507aa075df50a18.png

Link to post
  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

Add to Home > Design > Custom CSS @media screen and (max-width:767px) { .homepage .gallery-fullscreen-slideshow[data-width="full"] { height: 30vh !important; } }  

Posted Images

59 minutes ago, tuanphan said:

Add to Home > Design > Custom CSS


@media screen and (max-width:767px) {
.homepage .gallery-fullscreen-slideshow[data-width="full"] {
    height: 30vh !important;
}
}

 

Amazing - thank  you so much. You are a like Santa for Squarespace (except every day is Christmas)!

Link to post
On 10/25/2020 at 11:55 AM, tuanphan said:

Add to Home > Design > Custom CSS


@media screen and (max-width:767px) {
.homepage .gallery-fullscreen-slideshow[data-width="full"] {
    height: 30vh !important;
}
}

 

So crazy that this doesn't work for me. Same issue - no solution. 

Link to post

@zoebrock  - are you on 7.1 too? I had to tweak the "height: 30vh !important;" a bit to get it perfect on my site - you could try that. Also this is for a gallery block, slideshow, set to 'full' not 'full bleed'.

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