One Page Site

A one-page site displays all of your content on a single scrolling page, with navigation links that scroll smoothly to different sections of the page. This style is great for landing pages, portfolios, and simple business sites.

Digishift is fully compatible with Elementor, making it easy to build a one-page layout without coding.

Create a New Page #

1. Go to Pages → Add New.
2. Enter a title for your page (e.g., “Home”).
3. From the Template dropdown in the right-hand panel, select Elementor Full Width for more design flexibility.
4. Click Publish.

Edit with Elementor #

1. Click the Edit with Elementor button.
2. Use Elementor’s drag-and-drop editor to add your content in sections (e.g., hero banner, about, services, contact).
3. Assign CSS IDs to each section for navigation purposes:
4. Select the section → Go to the Advanced tab → CSS ID field → enter a unique ID (e.g., “about”, “services”).

Create the Navigation Menu #

1. Go to Appearance → Menus.
2. Create a new menu and add Custom Links for each section:
   • In the URL field, type # followed by the section’s CSS ID (e.g., #about).
   • In the Link Text field, enter the section name (e.g., “About”).
3. Assign the menu to the desired menu location (e.g., Main Menu) and save.

Set as Homepage #

1. Go to Settings → Reading.
2. Under Your homepage displays, select A static page.
3. Choose your new One Page layout as the Homepage.
4. Save changes.

Tips #

• Use Elementor’s Navigator to quickly move between sections during editing.
• For smooth scrolling, Digishift automatically handles anchor navigation when linking with #section-id.
• Keep sections visually distinct to help users navigate easily.