Jump to content

Want to increase the height of full slideshow only on the desktop while leaving mobile as it is.

Recommended Posts

  • Replies 5
  • Views 617
  • Created
  • Last Reply

Try inserting this as a code block:

   @media only screen and (min-width: 799px) {
    .gallery-fullscreen-slideshow {
    height:80vh !important; /* adjust here */

Or try this on custom CSS: [Just so only that page will be affected]

   @media only screen and (min-width: 799px) {
   #collection-5fa3308758bc1101d0d2aa2f .gallery-fullscreen-slideshow {
    height:80vh !important; /* adjust here */


Link to comment
6 hours ago, BlaineM said:

Thank you!

Sorry but which numbers do I adjust, the width and the height or just one? I'm confused by the adjust here

The height. The min-width property is there to keep the effect only on PC. 80vh means the images will assume 80% of screen height automatically.

Link to comment
On 6/15/2021 at 10:42 PM, BlaineM said:

Thank you I will give it a try.


Hi. Do you need support on these?

Site URL – https://www.blainealan.com/

1. (Mobile-Footer) reduce space under contact link?


2. (Tablet-Homepage) Increase text width?


3. (Tablet-About) Increase text width?


4. (Tablet-Price) Increase form width?


5. (Tablet-Price) Increase page width?


6. (Mobile-Portfolio) Reduce white space on top/bottom of slide?


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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment


This topic is now archived and is closed to further replies.

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