Jump to content

Increase Height of Header Gallery Slideshow

Go to solution Solved by tuanphan,

Recommended Posts

I'm trying to increase the height of my gallery slideshow block on mobile, but it only goes to a certain height and won't fill out the section height. Is there a way to increase the height of the slideshow for mobile only and have the slideshow images adjust proportionally?

Screenshot 2023-04-29 at 1.57.35 PM.png

Link to comment
  • Replies 7
  • Views 287
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution
On 5/1/2023 at 10:13 PM, kschmalandt said:

Add to Design > Custom CSS > Then save & reload the site

/* resize top slideshow */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1682684420630_34225, div#block-yui_3_17_2_1_1682684420630_34225 .slide {
    height: 500px !important;
}
div#block-yui_3_17_2_1_1682684420630_34225 a[role="button"] {
    top: 20% !important;
}
}

 

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
On 5/4/2023 at 3:59 AM, kschmalandt said:

And finally, is there a way to adjust the code so the next and previous controls are centered in the middle of the image?

Screenshot 2023-05-03 at 3.58.52 PM.png

I don't see arrows. Can you enable it?

To apply code to another block, just replace id in the code with new id. Use this free tool to find block id

https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

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