Suppose you want a lightbox (with your custom content) to appear when users click on the “Contact” link.
#1. First, you create a Blank Page in Not Linked with Name/URL
- Contact Us – /contact-us
and design your desired layout with this page.
#2. Add a Link item to the Main Navigation with the Name/URL
- Contact – #lightbox_contact-us
#3. Install Lightbox Plugin
The plugin will ask you to add some code to Code Injection – Footer, something like this.
All set.
When clicking the Menu item, you will have