Product

Create, publish and optimize pages with a drag&drop, pixel perfect and mobile-friendly builder

Speed up the creation process with 400+ customizable templates for landing pages, pop-ups and sections

Track microconversions in your Dashboard and analyze events and clicks with visual map

Integrate your pages with your favorite mar-tech apps and solutions to get the flow of your campaign going

Drive sales and conversions with irresistible product displays and seamless shopping experiences

Use a reliable and secure platform that smoothly handles millions of visits

Resources

Master digital marketing with the help from savvy professionals and increase your website’s conversions

Guides for beginners, set-up instructions and creation tips to get started and optimize your pages

A free online course for landing page creators! Learn the secrets of high-converting pages and become an expert

Get the answers you’re looking for – contact us

Schedule a one-on-one meeting with us and learn more about the benefits of our platform

Hire a Design Expert or order an import of your existing page from other platforms to Landingi

Home Help Center Parallax effect

Parallax effect

TABLE OF CONTENT

You can adjust the background and sections to create a parallax effect (floating sections) on your landing page. You need to set the background for the whole landing page (body page). The parallax effect does not display on mobile devices. Adjust the mobile view, and use the preview mode or the test domain to verify whether the page displays properly. 

Floating sections

1. Log in to your Landingi account and go to the editor of your landing page.

2. Go to Page Settings in the right-side toolbar.

To return to Page Settings when editing, click on the arrow:

3. Use the slider to turn on the Background and unfold the tab.

4. Choose Image as a style and click Change image (1) – you can upload your image or use one from our free gallery. Then select Parallax Effect (2) and set the adjustment to Fill (3).

5. Add other sections. For each section, set the Background and select Full width. You can choose any background style, for example, gradient (1)image (2), full color, or video.

If you want a section without a background, turn off the background using the slider.

All done! Now you can publish your landing page.

Also, check our guides about the landing page background and section background.