Mobile Cropping (Slide Content Height)

Site URL: https://nordicadesign.ie/

Hello Folks,

So I'm building this site and have run into a problem with the cropping on the mobile view. I can get it looking ok on mobile by setting the slide content height to "S" but then the desktop view isn't great as it needs it at "L" and its restricted for using only setting.

Hoping a wizard could work up some code so that i can have the images set to "L" on desktop and "S" on mobile view please.

Thanks in advance!

R.

https://nordicadesign.ie/

On 8/19/2021 at 2:33 AM, Alaskii said:

Site URL: https://nordicadesign.ie/

Hello Folks,

So I'm building this site and have run into a problem with the cropping on the mobile view. I can get it looking ok on mobile by setting the slide content height to "S" but then the desktop view isn't great as it needs it at "L" and its restricted for using only setting.

Hoping a wizard could work up some code so that i can have the images set to "L" on desktop and "S" on mobile view please.

Thanks in advance!

R.

https://nordicadesign.ie/

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

@media screen and (max-width:767px) {
body.homepage ul.slides.slides--initialized {
    min-height: 50vh !important;
}
}

20 hours ago, tuanphan said:

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

@media screen and (max-width:767px) {
body.homepage ul.slides.slides--initialized {
    min-height: 50vh !important;
}
}

 

Thanks @tuanphan that worked a treat!

Would you mind having a look at the 3 main section pics below please? 

I had a look to see if i could alter that to work for the others too but at a loss - i think the other 3 are "headlines" maybe .page-section?

Thanks!

R.

8 hours ago, Alaskii said:

Thanks @tuanphan that worked a treat!

Would you mind having a look at the 3 main section pics below please? 

I had a look to see if i could alter that to work for the others too but at a loss - i think the other 3 are "headlines" maybe .page-section?

Thanks!

R.

replace this

Quote

body.homepage

with data-section-id

Use this tool to find data section id

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