This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Fix Parallax To Page

Open 14 replies feature-requestpluginplugin-page-builder
Utopia Signs
Started · Latest reply by Andrew Misplon

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.

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

14
  1. Andrew Misplon Staff

    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?

  2. Utopia Signs Private

    This is a private message.

  3. Andrew Misplon Staff

    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?

  4. Utopia Signs Private

    This is a private message.

  5. Andrew Misplon Staff

    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;
	}
}
  6. Utopia Signs Private

    This is a private message.

  7. Andrew Misplon Staff

    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.

  8. Utopia Signs

    Hi Andrew,

    That’s great, thank you. I look forward to trying it out next week!

    Thanks.

  9. Andrew Misplon Staff

    Super, we look forward to your feedback once the update is released. Thanks for being a part of improving Page Builder :) Chat next week.

  10. Utopia Signs Private

    This is a private message.

  11. Andrew Misplon Staff

    Apologies. Let me touch base with the team and let you know where we are with this update.

  12. Andrew Misplon Staff

    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.

  13. Utopia Signs Private

    This is a private message.

  14. Andrew Misplon Staff

    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.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread