I’ve been providing coding assistance for the web team over at CodeTN. For their initial launch, they’ve built out a one page scrolling website which also has a couple additional pages. Here’s a look at their one-pager along with its accompanying main menu from the WordPress admin:
To make this happen, I used the X Theme Child provided by Theme.co as my starter. Then I added the following code to functions.php to add an HTML ID field on the backend:
The above code yields this:
The final step required copying over
vc_templates/vc_row.php from the parent theme and making the necessary edits for the template to use the HTML id we specify in the row above. Once we did all these, we could go back into the main menu and point to our unique ids found on the home page rather than the default ids that the theme repeats on every page where we use Visual Composer rows.
See all of the above in place on the X Theme Child theme I have on GitHub.
In coming up with the above solution, these two posts got me started: