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?

blainealan.com-01-min.png

2. (Tablet-Homepage) Increase text width?

blainealan.com-02-min.png

3. (Tablet-About) Increase text width?

blainealan.com-03-min.png

4. (Tablet-Price) Increase form width?

blainealan.com-04-min.png

5. (Tablet-Price) Increase page width?

blainealan.com-05-min.png

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

blainealan.com-06-min.png

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

Archived

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.