Jump to content

make the carousel on mobile larger

Go to solution Solved by Ziggy,

Recommended Posts

Try adding this to the Custom CSS on your website:

@media only screen and (max-width:768px) {
  #block-yui_3_17_2_1_1668942283583_48157 {
    padding-bottom:60%;
  }
}

Hope that helps!

Please like and upvote if my comments were useful to you. Thanks!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com/ 
🔌Ghost Squarespace Plugins (Referral link)
Buy me a coffee

Link to comment

thank you for your help! though that didnt do anything, hmmm... 
I even tried this code:

@media screen and (max-width:767px) {
#block-yui_3_17_2_1_1668942283583_48157{
    .sqs-gallery-design-strip {
      overflow: visible;
      height: 200%;
    }
}
}

 

which made it bigger but not full width/or full size. I would really like something like this here: https://www.infiniteecreators.com/visual-blog

when you open it on mobile version its nicely full screen gallery that you can scroll. 

Link to comment
  • Solution
8 minutes ago, livhlacova said:

I would really like something like this here: https://www.infiniteecreators.com/visual-blog

This is using a Gallery Section set to Slideshow: Reel.

Please like and upvote if my comments were useful to you. Thanks!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com/ 
🔌Ghost Squarespace Plugins (Referral link)
Buy me a coffee

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.