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.

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

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.

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.

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.

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.

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