There are two main steps must be completed to have a one page design.
- Creating a page that has content content rows with unique ids
- Creating a new navigation menu that targets those ids.
Creating the page
We recommend use Visual Composer for this because it will be much simple to manage;
- Split your content in multiple Rows and give a different row id for each that you want to be scrolled. Visual composer rows that have a ID set (see image below).
- Then create your menu and add a “Custom Menu Item” type link that links to that elements / ID (see image below).
Note : Be aware to use the full url (http://yourwebsite.com/#the-ID) when the one page design is not the homepage and you have other menu items in the menu linking outside the “One Page Design” page.
Note : You have to use the # (anchor link method) to link to those sections / rows within a page.
Note : When you scroll the page the menu items in the menu will get the focus state once a new section with the ID listed in the menu is reached. Of course, to notice this nice RT-Theme feature, the current menu item color setting has to be not the same as the normal menu item color.