Is it possible to fix the parallax background image to the page so that it is only the page that moves when it is scrolled. At the moment it appears the background image moves with the page when it is scrolled.
Fix Parallax To Page
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi Utopia Signs
Thanks for your question.
Do you perhaps have an example site we could look at to see the effect you’re asking about?
This is a private message.
Sure, we can fix the parallax image for mobile. Could you perhaps share the link to your site so we can help with a little Custom CSS to do this?
This is a private message.
Thanks. Please, try inserting the following at AppearanceCustom CSS and let me know how that goes.
/* Turn Parallax off for mobile resolutions */ @media (max-width: 680px) { .panel-row-style[style] { background-position: center !important; } }This is a private message.
Thanks for your feedback. Apologies! I totally missed the point here. You’re quite right, there is a problem and we do have it logged as a bug. Greg has been busy completely re-writing the parallax library we’re using at the moment. The update will be released mid next week.
Hi Andrew,
That’s great, thank you. I look forward to trying it out next week!
Thanks.
Super, we look forward to your feedback once the update is released. Thanks for being a part of improving Page Builder :) Chat next week.
This is a private message.
Apologies. Let me touch base with the team and let you know where we are with this update.
Greg let me know that the team is doing final testing on the release, it’s being prepped as we speak. I don’t have an exact date but it should be out very soon.
This is a private message.
Thanks for testing :)
There are a host of challenges with parallax on mobile, as a result, we’re falling back to a fixed background image.
Our parallax feature, as you know, is built on the row background setting in Page Builder. We currently don’t have a height setting or a minimum height setting for rows. Thanks for your feedback, I’ll suggest it to the team. There isn’t currently any easy way that I can think of to add height to rows. The ideas that do come to mind involve Custom CSS which is a bit time consuming for you to add and manage, there will also be responsive concerns. If you need a row with no content that has a parallax background then Adam Rob’s plugin would be the easiest fix:
https://wordpress.org/plugins/adamrob-parallax-scroll/
Thread: How to add parallax scrolling to a Page Builder row.