How to add newsletter signup to top bar

The newsletter link shown on demo page is just a normal menu item combined with [lightbox] shortcode. Here is how to make it:

  1. Go to Appearance > Menus
  2. Select Top Bar menu.
  3. Add a custom link. URL should be #newsletter-signup
  4. Add "icon-envelop" to CSS Classes. (Enable CSS classes in Screen Option)

Now you have setup the menu. Now lets setup the lightbox:

Go to  Theme Option > Header and add this to "HTML after footer":

[lightbox id="newsletter-signup" padding="0px" width="600px"]
[ux_banner bg="http://bgurl" height="400px" link="" animation="fadeInLeft" text_align="left" 
text_pos="left top" text_color="dark" text_width="40%"]
	<h3>Signup for our Newsletter!</h3>
	____
	[ninja_forms_display_form id=1]
[/ux_banner]
[/lightbox]

Get your ninja forms shortcode from  wp-admin > Forms