Setting Up One Page

06/15/2016

Avada has the ability for you to make a one page site with a parallax scrolling menu. Most sites are traditionally setup with individual pages, each page with its own content. A one page site allows you to put all the content on one page, and the menu items will link to each different sections of the page. Think of it as a full site, but all on one page. A parallax one page site requires you to have a custom menu, a page with menu_anchors in the content, and the custom menu assigned to the page. If you want to use a one page site as part of a larger, complex site, please see here on how to setup different menus for the different site parts: Setting Up The Menu.

Please read below for detailed information on how to set up a one page site with custom menu.

IMPORTANT NOTE – Please note that anchor links won’t work with the Header Layout #6 that comes with Avada version 4.0.

How To Create A Custom Menu For The One Page Site

Step 1 – Navigate to the Appearance > Menus tab on your WordPress admin panel. Once on the Menus tab, click the ‘Create A New Menu’ link, and assign it a name.

Step 2 – Each menu item you add needs a unique anchor name in the URL field. These names act as anchors, and will link to the corresponding anchor name in your page content. Use the ‘Custom Links’ box on the left hand side to add menu items. In the URL field, type the anchor of your section. For example, #intro and then assign a name to the menu item. Once finished, click the ‘Add to Menu’ button.

Step 3 – Repeat step 2 for each menu item, giving each a unique #name.

Step 4 – Don’t forget to assign your new menu to the main navigation location by checking the ‘Main Navigation’ checkbox under the Menu Settings box.

Step 5 – Once finished, be sure to click the ‘Save Menu’ button.

IMPORTANT NOTE – If you want to create a link that lets the page scroll back up to the top, you can simply use #home, as this anchor is already preset in the theme.


How To Create A New Page With Your Content And Anchor Links

Step 1 – Create a new page or edit an existing one and insert your desired content to the page as normal.

Step 2 – Click the ‘Fusion Page Builder’ button, then switch the Builder Elements tab.

Step 3 – Find the ‘Menu Anchor’ shortcode then drag it to the beginning of a section on your page. For example, the beginning of your ‘About’ section.

Step 4 click the ‘Edit Element’ button on the Menu Anchor shortcode to bring up the options window. On the ‘Name Of Menu Anchor’ field, enter the appropriate anchor link for that specific section without the hashtag (#). For example, about.

Step 5 – Click ‘Save’ to save your changes, then repeat steps 3-4 for all the different sections and corresponding anchor links you’ve created.


63 Likes
Proudly Serving Over 240000 Satisfied Users!