Scroll Effects: Horizontal Scroll

the Horizontal displacement The effect moves items left and right when the visitor scrolls the page up and down accordingly. For example, a section with a heading title that moves to the right when the visitor scrolls down and to the left when the visitor scrolls up. Several elements can be moved independently, at different speeds.

Advanced or Style> Background

Motion effects

1. Scroll Effects: Slide to ON
2. Horizontal displacement: Click the pencil edit icon
   Direction: Choose left or right
   Speed: Sets the horizontal scroll movement speed from 0 to 10
   Viewport: Determines when to start motion, based on the height of the viewport (the visible size of the device screen). For example, if the viewport value is set between 50 and 100, the movement begins only after half the height of the window is moved.
3. Apply effects on: Select this option to apply motion effects on desktop, tablet and / or mobile devices
4. Effects Relating to: Choose from Default, View, or Full Page

Note: The viewport value is calculated based on the viewport height (that is, the viewable size of the screen) and not the full page height. This is true in all situations except for items with a fixed position. See the picture below: