Classic Section Mobile Parallax Problems

[amst_ws]

Hi there, we’re having trouble with the parallax background on classic sections.

We have both “Pattern” and “Parallax” enabled (see picture).

The problem happens on mobile, which is that when parallax is enabled it seems that the pattern option is ignored and the parallax doesn’t work. This only happens if the page is first loaded in a mobile view. If the page is loaded on a desktop first, then the page is shrunk to mobile the issue will not appear. For now I am fixing the issue by adding the class parallax-fix to the section and applying the CSS:

.parallax-fix {
  background-size:auto !important;
  background-attachment:fixed !important;
}

[rad]

Hi Mina,

Thanks for reaching out.

The parallax is intentionally disabled for mobile due to performance issue it contributes. And you’re right about the CSS fix, but it’s been fixed through javascript’s parallax so you shouldn’t getting that issue anymore. Will further check

Thanks!

[amst_ws]

I’ve just update the secure note.

The site is now our staging site (I didn’t fix it there, so you can still see the issue), and I’ve included an account if you’d like to have a look in cornerstone.

I guess I should mention this happens in Chrome 78, unsure about other browsers.

[friech]

Hi Mina,

I can confirm this bug, please apply your fix for now. You can wrap it with an @media (max-width: 767px) { } query so it does only apply to mobile view.

Thanks,

[amst_ws]

Alright, thank you.

[rad]

You’re welcome!