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

Add to Home > Design > Custom CSS

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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 comment
On 10/29/2020 at 2:10 PM, zoebrock said:

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

Can you share link to gallery? We can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 8 months later...
On 7/7/2021 at 2:46 PM, Sherman said:

Hi @tuanphan

I have the same issue but the code doesn't work either - its a Squarespace 7.1 site.

becoming30.riverlife.org.sg

Appreciate the help. Thank you.

Regards,

Sherman

Hi. I don't see gallery on homepage on mobile. Where is it?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
16 hours ago, tuanphan said:

Hi. I don't see gallery on homepage on mobile. Where is it?

Hi, 

It is the block right after the main screen, but i've hidden it in mobile mode for now as it doesn't appear nicely, but it appears on desktop

I've attached a picture of it.

Screenshot 2021-07-10 at 1.03.52 AM.png

Link to comment
On 7/7/2021 at 2:46 PM, Sherman said:

Hi @tuanphan

I have the same issue but the code doesn't work either - its a Squarespace 7.1 site.

becoming30.riverlife.org.sg

Appreciate the help. Thank you.

Regards,

Sherman

Remove the code to hide it on mobile & add this to Design > Custom CSS > Then save & reload the site

/* reel mobile */
@media screen and (max-width:767px) {
body.homepage .gallery-reel {
    height: 30vh !important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 2 months later...
On 10/3/2021 at 4:07 PM, laure16 said:

Hello , I have the same issue but the code doesn't work for me, can you check it ?

I try with slideshow or just images 

This is my website https://www.lauceramique.com/

password : paupiette

Thanks !!

1544874643_Capturedecran2021-10-03a11_06_29.png.7b0d7a0d261d5a2ed2465c7fb7add3a7.png

Capture d’écran 2021-10-03 à 11.06.40.png

Add to Design > Custom CSS > Then save & reload the site

@media screen and (max-width:767px) {
.user-items-list-item-container[data-section-id="615482b52e9b9206f28e7a8d"] ul {
    min-height: 35vh !important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
7 hours ago, tuanphan said:

Add to Design > Custom CSS > Then save & reload the site

@media screen and (max-width:767px) {
.user-items-list-item-container[data-section-id="615482b52e9b9206f28e7a8d"] ul {
    min-height: 35vh !important;
}
}

 

Thank you so much, it worked 🙂  !!

Link to comment
  • 1 month later...
On 11/25/2021 at 7:52 PM, Gold1987 said:

Hello,

I have the same issue but the code doesnt work for me too.

Please help.

Thank you.

Screenshot 2021-11-25 at 12.50.06.png

Screenshot 2021-11-25 at 12.51.41.png

Can you share link to your site? We can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 10/5/2021 at 4:15 AM, tuanphan said:

Add to Design > Custom CSS > Then save & reload the site

@media screen and (max-width:767px) {
.user-items-list-item-container[data-section-id="615482b52e9b9206f28e7a8d"] ul {
    min-height: 35vh !important;
}
}

 

Hi, Is there a way to make it fit for full bleed galleries (slideshow: full)? 

And on a page other than the homepage?

Edited by Adrina
Link to comment
On 12/5/2021 at 11:42 PM, Adrina said:

Hi, Is there a way to make it fit for full bleed galleries (slideshow: full)? 

And on a page other than the homepage?

Edit the page where you have problem >> Add a Code Block (anywhere) >> paste this code

<style>
  @media screen and (max-width:767px) {
.user-items-list-item-container ul {
    min-height: 35vh !important;
}
}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
6 hours ago, tuanphan said:

Edit the page where you have problem >> Add a Code Block (anywhere) >> paste this code

<style>
  @media screen and (max-width:767px) {
.user-items-list-item-container ul {
    min-height: 35vh !important;
}
}
</style>

 

Unfortunately it's not working 😞

Link to comment
20 hours ago, Adrina said:

Unfortunately it's not working 😞

Can you share link to page where you have problem? We can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 2 months later...
20 hours ago, ClaireHowes said:

Hi,

I'm trying to get my full bleed gallery to work on mobile. Could you take a look please?

https://www.clairehowesportrait.com

I see you solved with this CSS?

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

@media screen and (min-width: 768px) and (max-width:991px) {
    .gallery-fullscreen-slideshow[data-width="full-bleed"] {
        height:35vh !important
    }
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...