Paralax picture on Freelancer theme doesn't work on mobile

2 replies · opened Oct 2, 2022

Nneodarwin3Oct 2, 2022

Hello, the paralax picture on the Freelancer theme doesn't work on mobile devices.
Below is the code I'm talking about. How do I make this work on mobile?

<div class="section mb-0 p-0" style="background-color: #f4f4f4; overflow: visible" > <div class="d-flex justify-content-center position-relative"> <div class="parallax min-vh-75" style=" background-image: url('myimages/croptest3.jpg'); background-size: cover; background-position: center center; " data-bottom-top="width: 40vw" data-center-top="width: 100vw;" > <div class="row align-items-center justify-content-center h-100" > <!-- <div class="col-auto text-center"> <a href="#" class="display-4 fw-bolder text-white d-inline-block mx-4 h-op-08 op-ts" ><u>#dribbble</u></a > <a href="#" class="display-4 fw-bolder text-white d-inline-block mx-4 h-op-08 op-ts" ><u>#behance</u></a > </div> --> </div> </div> <div class="shape-divider" data-shape="wave" data-position="bottom" ></div> </div> </div>

Nneodarwin3Oct 2, 2022

It seems that the paralax simply doesn't work on mobile. How do I instead make the picture static?

SSemicolon WebSTAFFOct 6, 2022

Hello,

Unfortunately, Parallax is currently not supported on Mobile Devices! Additionally, we have just checked this out, and the Mobile Devices appear to be displaying a Static Image that is centered as expected. Please check the Screenshot attached to this reply.

Meanwhile, if you are facing any specific issues with this, please provide us with a Screenshot highlighting the issue so that we can check this out for you and provide you with a solution. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard