Image full bleed / resizing mobile

Site URL: https://bumblebee-drum-w3fz.squarespace.com/leriftdebelleville

Hello ! 

I have an issue with my images in full width on the mobile view: I would like to find a solution to resizing them. 

I got the solution for the galleries slideshow with this css code:

.gallery-fullscreen-slideshow { height: auto !important; }
.gallery-fullscreen-slideshow-list { max-height: 100vh; }

But nothing for the images full bleed... 

Any ideas @tuanphan @brandon ? 

Thank you !

13 hours ago, Charlest93 said:

Site URL: https://bumblebee-drum-w3fz.squarespace.com/leriftdebelleville

Hello ! 

 

 

Which problem?

Also, I see you used code to create sticky header on scroll. I remember SS 7.1 supports this, without using code. (Edit Site Header > Header Layout > Position: Fixed - Style: Basic)

@tuanphan Ok I did not know, thank you ! 
 

i was talking about the images in full bleed like this one attached. It is not the right size in the mobile view. I would like an automatic resizing as my galleries slideshow in the home page.

thank you

also @tuanphan

I only have these options in the header layout. Nothing about Position.

1 hour ago, Charlest93 said:

also @tuanphan

I only have these options in the header layout. Nothing about Position.

 

Back > Style > Position: Fixed

ok @tuanphan thank you it worked. But now my first image is behind my header. And I don't want that. I want the header and then the image. Do you have the solution ? 

Also did you find the solution for the mobile view ?

Thank you very much

On 5/5/2020 at 7:53 PM, Charlest93 said:

ok @tuanphan thank you it worked. But now my first image is behind my header. And I don't want that. I want the header and then the image. Do you have the solution ? 

Also did you find the solution for the mobile view ?

 

Thank you very much

Seems fine here. Did you solve?

yes @tuanphan ! but now I have an other problem... I used the Tutorial of Brandon about the texts hover effects on galleries. But I don't know how to use this tutorial for only few pages (the trick on the javascript doesn't work. So now all my galleries images have a text with hover effect. But it is definitely better ! I sent a message on the tutorial's thread to @brandon.

My website is almost done, thanks to you and Brandon !!

Charles

21 hours ago, Charlest93 said:

yes @tuanphan ! but now I have an other problem... I used the Tutorial of Brandon about the texts hover effects on galleries. But I don't know how to use this tutorial for only few pages (the trick on the javascript doesn't work. So now all my galleries images have a text with hover effect. But it is definitely better ! I sent a message on the tutorial's thread to @brandon.

 

My website is almost done, thanks to you and Brandon !!

 

Charles

Add code to Page Header, instead of Code Injection

instead of footer in the code injection ? @tuanphan

7 minutes ago, Charlest93 said:

instead of footer in the code injection ? @tuanphan

Add to Page Settings > Advanced > Header