Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

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


BlaineM

Question

5 answers to this question

Recommended Posts

  • 0

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

 

humaneer

 

 

Sharing virtual tactics for an abstract world
Blogger @ humaneer.org

Link to comment
  • 0
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.

humaneer

 

 

Sharing virtual tactics for an abstract world
Blogger @ humaneer.org

Link to comment
  • 0
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.

How to: Setup password & share url - Insert Custom CSS - Open Page Header - Upload Custom Font - Upload File - Find Block ID, Data Section ID - Contact Squarespace Customer Care - Learn CSS at W3Schools

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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