How can I add an overlay page?

There are cas­es when you’ll need to dis­play just a bunch of con­tent and make it eas­i­ly acces­si­ble for oth­ers. In the fol­low­ing steps, you’ll be able to achieve the same result as show­cased for the Con­tact page.

Step 1 — Create a Page

Log into your Word­Press Dash­board, go to Pages, click on Add a new page and name it “Con­tact” or as you desire. How­ev­er, keep in mind that you need a rel­e­vant name, it’s not the place to play with copy­writ­ing.

Step 2 — Add the Page to the Menu

Next, go to the Appear­ance→ Menus, check the menu item of the page you recent­ly cre­at­ed, hit the Add Menu but­ton and then Save Menu.

Step 3 — Add the Overlay Class

In the same area, first­ly make sure you have the CSS Class­es enabled by check­ing the Screen option. Then expand the menu item pan­el, look for the CSS Class­es field and insert the over­lay val­ue (see screen­shot).

This article applies to Noah, as they share the same underlying structure.

Updated on June 23, 2017

Was this article helpful?