Click Header Button > Show Lightbox

#1. Create a Page in Not Linked with 

  • Name: Header Lightbox 
  • URL: /header-lightbox

And then design your lightbox content layout

Click Header Button Show Lightbox 02 Min

Click Header Button Show Lightbox 03 Min

You will have this, here I added a List Section into Not Linked Page

Click Header Button Show Lightbox 04 Min

#2. Install Lightbox Plugin

Download this Lightbox Plugin and open instructions.html file, you will get the code

Click Header Button Show Lightbox 08 Min

After adding the lightbox code to Code Injection > Footer, you will see this

Click Header Button Show Lightbox 05 Min

#3.  Edit Header button > Add this URL:  #lightbox_header-lightbox

Click Header Button Show Lightbox 01 Min

All set.

When clicking the Header Button, you will have

Click Header Button Show Lightbox 07 Min