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

PLEASE HELP! Trouble resizing image specifically for mobile


RyanL

Question

Site URL: https://seabass-wisteria-9mzs.squarespace.com/config/

Hi there,

I am having trouble sizing a couple of images on my site on the 'our story' page.
I am happy with how they are displayed on desktop, but i dont like how they are cropping when changing to the mobile spec. 

Could anyone help with the code i need to force these images to be uncropped (just showing the full width of the image in landscape size) when viewed in mobile please? 

img 1_Desktop.png

img 1_Mobile.png

img 2_Desktop.png

img 2_Mobile.png

Link to post
  • Answers 11
  • Created
  • Last Reply

Top Posters For This Question

11 answers to this question

Recommended Posts

  • 0

thanks so much!
I have just done so, but where should i share the password, do you have an email i can send it too?

Link to post
  • 0
On 5/10/2021 at 2:49 AM, RyanL said:

Still incorrect. Can you check it again?

Link to post
  • 0
On 5/11/2021 at 11:10 PM, RyanL said:

sorry not sure why that didn't work!

https://seabass-wisteria-9mzs.squarespace.com/config/
Konig2017!

Please try again

 

Add to Design > custom CSS

/* resize our story image */
@media screen and (max-width:767px) {
[data-section-id="6061d60e0720934f0647ed32"] .section-background-content {
    z-index: 999;
    position: relative !important;
}
[data-section-id="6061d60e0720934f0647ed32"] .section-background-canvas {
    visibility: hidden;
}
[data-section-id="6061d60e0720934f0647ed32"] img {
    visibility: visible !important;
    height: auto !important;
}
[data-section-id="6061d60e0720934f0647ed32"] {
    min-height: unset !important;
    height: 35vh !important;
}}

image.thumb.png.862c279687db7876ba665f629d0fcc31.png

Link to post
  • 0

thank you so much!

If i wanted to do that for the header wrap on the same page, and another image is it as simple as just swapping the image ID but keeping the rest of the code?

Link to post
  • 0

Hi, thank you for your help.

If it isn't to trouble could you please help me further with the question above? 

Link to post
  • 0
16 hours ago, RyanL said:

Hi, thank you for your help.

If it isn't to trouble could you please help me further with the question above? 

You can change data-section-id. Use this tool to find data section id.https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...