Parallax Not showing on mobile

[popmann]

yesterday the parallax was showing fine on my mobile device and now it’s not showing up at all. It only shows when I turn my phone horizontally. I just want it to work vertically again.

Under the icon demo I just changed the parallax picture to one I have on my computer.

Can someone help me and instruct me on how to fix this? I’m sorry I keep posting in the forum for help, but I don’t know how to fix this.

[popmann]

I think I’ve figured out the problem.but it was being a little glitchy nontheless. There is a setting that says “hide during break points” that I changed and the parallax effect is working again on mobile. I’m just wondering why I can only see a sliver of the picture and not more? Can you help with that?

[tristup]

Hi Dominic,

Great that it resolved now, can you please explain what do you mean by the sliver of the picture? It will be great if you can provide any screenshot marked with the issue, it helps us to recognize the problem.

Thanks

[popmann]

What I mean is that the parallax only shows a small portion of the picture. With the demo the photo was larger. No matter what photo I put as the parallax the viewing portion stays very narrow/small.

Here is a screenshot from my phone:

[prakash_s]

Hello @popmann,

I checked your site’s Dashboard. I set the section’s margin-top to 0 and margin-bottom to 4em.

After that, I added a custom class in the section called “parallax-background”

Then after I have added this custom CSS to your page CSS box

@media(max-width:766px){
.parallax-background .x-bg {
    height: 145%;
}
} 

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps you.
Thanks

[popmann]

Thank you for your help. I just don’t understand why the parallax settings would change just because I changed the photo in the background. The demo’s parallax worked just fine. Thank you for your help with the CSS.

[prakash_s]

Hello @popmann,

The Parallax setting may require to change according to the image. Glad that we were able to help you.
Please feel free to reach us if you any query.

Have a great day!
Thanks