parallalax section full background not responsive on mobile

Shapely
1

Hello

, I have seen few people having the same problem regarding the parallax area not resizing on mobile (I have a part of my image and doesn’t scroll down as on my computer device)

here is my website

i would like to have the same “scroll effect” on a mobile device than it does on a computer (for example it works on this website https://onmetlesvoiles.com/)

thank you for your help !

2

Hey there

I just checked your website and you have the same effect on the small screen devices, can you tell me a little bit more? what problem you have and what is the device you are using?

3

I’m using my phone, a huawei p20 pro and the effect doesn’t work! I would like the same effect it does on the website onmetlesvoiles.com ( works also on my mobile device). This effect doesnt work on my huawei, only on my computer!

4

hey Fiona

Hope you are having a good day :slight_smile:

Please add this CSS in appearance - customize - additional CSS

#shapely_home_parallax-2 .parallax-window {
background: transparent;
background-image: url(https://mademoizellefiona.fr/wp-content/uploads/2019/05/P5121501-2-1.jpg);
background-attachment: fixed;
background-size: cover;
}
#shapely_home_parallax-7 {
background-image: url(https://mademoizellefiona.fr/wp-content/uploads/2019/04/DSC_0668-2.jpg);
background-attachment: fixed;
background-size: cover;
}

Thanks!
Colorlib Support Team

5

hello NODA ! thank you so much, it worked :wink:

6

how can I do the same for the 2nd section ? (where there is the button “qui suis je ?”)

thank you so much (I cannot find the css part for this parallalax mirror)

7

it seems it worked also on the 2nd section but now I have a problem on the picture : when it scrolls down, appears on bottom one bar of the original picture (I’m not very clear so I add a screenshot)

what’s wrong ?

8

Hello Fiona

Is this already fixed? I really can’t see the effect from the screenshot?