How to Make a One Page Website?

In TheGem you have an option to create one-page website. It is a sort of sites like this one: https://codex-themes.com/thegem/app-one-pager/ If you click on main menu items above, you will be slightly scrolled down to the needed section.


TheGem Elementor

The process of making one-page site is very simple and consist of two steps:

Step 1

Create your page and edit it with Elementor. Choose the page section you would like to link in your main menu. In "Advanced" tab of this section use CSS ID field to insert an „anchor“ / unique block identifier for this section, like in this way:

Step 2

While editing your page in WordPress admin, go to Page Options -> Onepagers & Scrollers and activate the setting "Page as Onepager":

Step 3

After you are done with building your page, save your changes and go to Appearance -> Menus. Here make your main menu using “Links” type of menu items. Pls note, that as “URL” you should type in the appropriate “CSS ID” you have used in section settings in Step 1 previously:


TheGem WPBakery

The process of making one-page website in TheGem WPBakery is very simple and consist of three steps:

Step 1

Create your page and edit it with WPBakery. Choose sections you would like to be your main page sections and should be linked via main menu. Use „Row“ element of WPBakery Page Builder , click on „Edit row settings“ and use „Row ID“ field to insert an „anchor“ / unique block identifier for this section, like in this way:

Step 2

While editing your page in WordPress admin, go to Page Options -> Onepagers & Scrollers and activate the setting "Page as Onepager":

Step 3

After you are done with building your page, save your changes and go to Appearance -> Menus. Here make your main menu using “Links” type of menu items. Pls note, that as “URL” you should type in the appropriate “CSS ID” you have used in section settings in Step 1 previously: