Jump to content

Scaling down mobile fallback image

Recommended Posts

  • Replies 5
  • Views 1.1k
  • Created
  • Last Reply
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

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, 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)

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, 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

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Archived

This topic is now archived and is closed to further replies.

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