One Page Scroll

One page scroll enables you to create a single-page layout and let you scroll the entire page at a time. The one-page layout contains all the sections that typically a website contains like Home, Products/Services, Contact Us, About Us, etc.

You can shift to each of these sections by the scroller on the page. With the ElementsKit, you can set up one page scroll for Elementor in your WordPress site. Besides, ElementsKit also offers one page scroll website templates that are fully responsive.

ElementsKit One Page Scroll #

You can easily create one page scroll website by following the following steps:

Step 1: Enable one page scroll module to create single page scrolling website. #

  1. Go to ElementsKit from your dashboard
  2. Click Modules
  3. Find Onepagescroll and turn it ON
  4. Save the changes
Go to ElementsKit modules, find Onepagescroll, turn it ON and save the changes

Step 2: Customize One Page Scroll #

Now, open a page where you want to apply the onepage scroll.

Go to page settings.

Go to page settings

In the settings tab, expand ElementsKit Settings scroll and toggle the button to enable it.

In the settings tab, expand ElementsKit Settings scroll and toggle the button to enable it

Select your Navigation Style from the drop-down.

Onepage scroll navigation style
  • Select Navigation Position for your single page scrolling website
  • Adjust the Navigation Position Offset
  • Adjust the Navigation Spacing
  • Choose a Navigation Color
  • Select Tooltip Typography
Customize onepage scroll navigation style

Set Onepage Scroll for a Particular Section #

  • Click the section where you want to add onepage scroll
  • Go to Advanced tab
  • Expand ElementsKit Onepage Scroll
Click the section, go to Advanced tab and expand ElementsKit Onepage Scroll

Settings

  • Enable Section: Activates the one-page scrolling effect for that specific container/section.
  • Enable Dot: Displays a navigation dot on the side of the screen for that section.
  • Tooltip Text: Allows you to add a label that appears when a user hovers over the navigation dot.
ElementsKit onepage scroll settings for a particular section

Set Onepage Scroll with ElementsKit

This is how you can create a one page scroll for Elementor with ElementsKit easily and smoothly. Setting up a one page scroll improves the user experience as well. Besides, you will find one page scroll WordPress theme through which you can create a responsive single page scrolling website.

Get ElementsKit now 👇

ElementsKit Elementor addon

What are your feelings

Updated on April 29, 2026