Jump to content

Scaling down mobile fallback image

Recommended Posts

5 hours ago, AusarE said:

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

 The mobile fallback image for my homepage's video banner keeps getting cropped into vertical like so:

1885940559_IMG_F6D8B709F1D1-12.thumb.jpeg.36db0847371f56082de939f39a17a4da.jpeg

 

Would like to scale it down to its horizontal original shape, like here:
1096166061_ScreenShot2021-01-13at4_41_22PM.thumb.png.c5725ca961d8ac929a869ceeabecf5a9.png

is there any custom code that can do this? 

Add this to Design->Custom CSS

section[data-section-id="5f382deb61c9ab2aecd5f557"] {
  min-height: inherit !important;
}

image.thumb.png.73d3ade1ccad5f2cfdfb7d4a7d72fbb3.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
7 hours ago, AusarE said:

@bangank36 Thanks, works perfectly! Can I ask what this specific code in the selector is doing?

It refers to the unique id of the section

Chrome Web Store - Extensions (google.com)

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 1 month later...
16 minutes ago, kshoemoney said:

Hi @bangank36, I tried to adapt this code to my site using that tool but I couldn't get it work. Any chance you could tell me how to do so? My site is www.dandelot.net and I am trying to get my fallback image to be the correct scale as well. Thank you!

What is your issue

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. 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.