This members-only tutorial provides the steps to set up a single-page website having fixed left navigation using CSS Grid in Oxygen.

We shall enable smooth scrolling for nav menu links.

Live Demo

Step 1

Create a Page titled say, "Home" and set it as homepage at Settings > Reading.

Step 2

Go to Appearance > Menus.

Create a menu named say, "Main Menu" having links to individual sections of your homepage.

Step 3

Create an Oxygen Template named say, "Main".

Set it as Catch All Template.

Click on "+ Shortcodes" link.

Paste (replacing existing shortcodes, if any) all the shortcodes from the following link:

This is a premium members-only content.

To view the rest of the content, please sign up for membership ($37/month or $399 one-time).

Already a member? Log in below or here.

Need help implementing a tutorial in your site or want to hire me for custom work?


Find the article helpful and wish to donate?

linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram
%d bloggers like this: