Onepager setup in {Theme}

  • Posted:
  • / By: joy
  • / In:

{Theme} has the ability to make a One Page site with a scrolling to sections menu. Most sites are traditionally setup with individual pages, each page with its own content.

 

One page site allows you to put all the content on one page, and the menu items will link to each different section of the page. Think of it as a full site but all in one page. Please read below for information on how to set this up.

 

REMEMBER: To be able to fully use Onepager Feature you need to check the onepager option in Appearance > General > Onepager

 

 

To create a Onepager site using {Theme}, follow these steps:

 

  • Step 1 – Navigate to the Pages section of your Dashboard and click Add New.
  • Step 2 – In the new page, use the Backend or Frontend editor to create a row.

 

  • Step 3 – Use the row in making sections in the section menu. Click on the Edit this row option in every row section you create and look for Row ID. The Row ID will serve as the anchor of the menu. Make sure that the ID is unique to that row.

 

  • Step 4 – You can change the General and Design Options as you see fit for your site.
  • Step 5 – Add the contents in the rows. You can add Text and Elements inside the rows. Click on Publish button to save.

    You can see in the sample above that each row has different Row IDs.

 

  • Step 6 – Set this page as the Front Page by navigating to Settings > Reading > Front page display. Click on A static page option then select the page for the onepager then click on the Save Changes button.

 

  • Step 7 – To make the Menu for the Onepager, navigate in the Dashboard Appearance > Menus. Look for create a new menu, add the Menu Name then click on the Create Menu button.

 

  • Step 8 – You will see options on what to put inside your new menu. Look for Custom Links in the options. If you don’t see that option, at the upper-right side of the page you will see Screen Options option, click on that and you will see options with check boxes. Check the box beside Custom Links.

 

  • Step 9 – Using the Custom Links option, write the row section’s Row ID inside the URL textbox and the name of the link inside the Link Text textbox. Then Click on the Add to Menu button. After adding all the navigation menu, Click on Save Menu to save.

 

  • Step 10 – Click on the Manage Locations option, change the Main menu to the menu that was made for the onepager. Click on the Save Changes to save.
  • Step 11 – Go back to the Edit Menu option, Look for the Max Mega Menu Settings then check on Enable and change Theme option to EstatoStyle Onepager. Change other options as you see fit then click the Save Menu button.
You can see the changes on the Front Page of the site.