parallalax section full background not responsive on mobile


, 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

thank you for your help !

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?

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 ( works also on my mobile device). This effect doesnt work on my huawei, only on my computer!

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(;
background-attachment: fixed;
background-size: cover;
#shapely_home_parallax-7 {
background-image: url(;
background-attachment: fixed;
background-size: cover;

Colorlib Support Team

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

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)

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 ?

Hello Fiona

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