"Parallax" in backround Display Image

Hi Alex

Can you confirm that you’re using the latest version of Page Builder? We added this as an official feature in version 2.2. Are you seeing the Parallax option in the row styles or is this missing?

https://siteorigin.com/wp-content/uploads/2015/10/parallax.png

Very glad to hear that you’re enjoying Page Builder. If you have a few moments, please feel free to leave a review. These really help us a lot ?? https://www.ads-software.com/support/view/plugin-reviews/siteorigin-panels#postform

Hallo Greg,

Yes I’ m using Page Builder 2.2 and yes I see this Option in two cases.
After inserting a one column Row in a Page and applying f.e. the SiteOrigin editor Widget and inserting a 5-6 Rows Text and afterwards going to:

1. >edit Row>Design>Background Image display>(the last and fourth Option)Parallax
2. >SiteOrigin Editor>Edit>Widget Styles > Design> “..as above”

Thus I see the Parallax Option but it does not work when I choose it.
The Text is there but the Image does not show up at all.
The other Display Options work O.K.

Thank you for your Interest. I hope I am not missing something obvious.

Alex

I confirm Alex GR’s feedback. Same problem on my site. I have activated the Parallax Option on a background image but the background image does not appear when I select Parallax. If I select Tiled for instance, it works fine.

Hey Alex and Matt

I’m, unfortunately, unable to replicate the problem. Can you confirm the respective themes you’re using so I can try find the problem?

Thanks ??

I tried it in two theme cases.
https://www.ads-software.com/themes/seasonal/
https://www.ads-software.com/themes/catch-everest/
with no positive result (the background picture not appearing).

I would suggest you describe the exact steps in applying this Page Builder Option.
Perhaps I ‘m missing a certain parameter Option in Widget Styling ?

Thank you once again.

Thanks. Can you try a really quick test for me:

1. Create a row with one column, click Design on the right, add a background image and select Parallax.

2. Add a core WordPress Text widget to the single column.

3. Add demo text to the widget.

This works on my side.

Hi,
I tried every possible Combination concerning background Options.
Everything works, except of the “Parallax”.
When choosing it the Picture vanishes.

Thanks, Alex

The feature seems ok in our Aviator theme. I just did a quick test using Catch Everest. I see the problem, the background is behind the site container.

For now, unfortunately, this is looking like a premature launch. We’ll do our best to re-launch this feature in an update soon. In the mean time you could try my thread at the top of this thread using Adam Rob Parallax:

https://siteorigin.com/thread/how-to-add-parallax-scrolling-to-a-page-builder-row/

Apologies for the hassle.

I appreciate your concern.
I hope you solve the Problem as soon as possible, because a Parallax Option (working in every Theme) included in Page Builder would be a great feature.

Cheers, Alex

Definitely! It’s a really popular request and one we hope to cater for in all themes really soon. Thanks for your support.

Hi,
Thank you for providing such a great page builder for free. Love it and use it all the time. Just wanted to confirm that I have the same problem using the Storefront theme.

I use Adam Rob’s parallax scroll and I love it, unfortunately though, I should let you know, after building many pages using that plugin, today I realized that it doesn’t work on IPhone or on Android. It looks perfect when I use Firebug on a computer browser and check for responsiveness but on the actual phone browser, the background doesn’t show at all. The plugin doesn’t seem to be actively developed either because there hasn’t been any response to support threads, including a thread about this very problem, for months.

Which is why I’m really hopeful that your fix happens soon or perhaps you could offer a workaround.

Thank you.

Thanks for your support @xianxiao, much appreciated. We’ll have this feature released ASAP.

There are unfortunately, several challenges with Parallax on mobile. For a little reading on that, see: https://css-tricks.com/forums/topic/parallax-scrolling-that-actually-works-on-ipad/.

Thank you for the response and the link. Also thank you for a comment you made a few posts up when you said “The background is behind the container”. That made me look and I realized in my child theme I’d given the container a white background color.

As a workaround I changed the body background-color to white and gave the content area an rgba color of rgba(255,255,255,0) instead. So the color is still white but due to the opacity, the parallax picture made with The Page Builder shows now.

So it works nicely now. The main problem though in both your implementation and Adam Rob’s implementation is that the parallax picture doesn’t scale down on the phone properly. It shows a cropped version of the picture so only some blurry pixellated image shows for the background on a phone. They do however scale down properly on the computer screen using Firebug.

The parallax effect still doesn’t work on the phone which is understandable but if the picture would scale, then at least you could have a still picture on the background and it would still look good.

By the way, There’s a free WordPress theme called Aladdin that comes with a parallax background for the front page. The first parallax section works well on my Android phone and the parallax effect is present. Perhaps by examining it you might figure out a way to get yours working too.

Thanks you again for all your help and support.

Thanks for your detailed feedback. I’ll definitely check Aladdin out and send notes through to Greg for when he re-does this feature. Appreciate it.

My pleasure. As I said I love Page builder. You can do a lot with it spending so little time. I just put something together on a non-production test site and with some custom CSS on a Storefront theme, just to see how it works. The first Parallax effect is made with Adam Rob’s plugin and the second one with the built in Parallax feature of Site Builder. The Site builder’s Parallax effects are much nicer.

https://www.polygonherbs.com/front/

Cheers.