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

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

I want to be able to increase the height of the full slideshow on desktop while keeping it as it is on mobile. It is very narrow now on desktop.

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 */
    }
    }

Thank you!

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

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.

Thank you I will give it a try.

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?