Background picture and parallax

[Omahoung]

Omahoung

April 21, 2022 at 8:41 pm

Hello,

I am using a background image with parallax inside a Kadence blocks row. The parallax effect is too strong to me (means that on scroll the difference of speed between the foreground and the background is too high). Is there a way to control this by custom code?

I have a problem with this picture on tablet. I have 2 columns with the picture (background parallax picture) on the left column and text on the right column. I have these 2 columns for both desktop and tablet (on mobile it becomes 1 column). On desktop it is working fine, the picture covers correctly the 100% width of the column. On tablet there is an issue, the picture cover 100% of the screen (not the left column which is still 50% of the screen). I solved the problem with this code:
.omahoung-home-header .wp-block-kadence-rowlayout [id*="jarallax-container-"] > div {width: 50% !important;}

You can check this on the header of this page (the picture is the butterfly picture):
*Login to see link

To see the issue you have to open the developer tool and deactivate the “width: 50% !important;”. This looks like a Kadence blocks bug. Is it possible to fix this in a future version?

Thanks.

• This topic was modified 3 years, 11 months ago by Omahoung.