Forms and header

Hello,

Thanks for the Purchase! :)

1. Simply add the following JS Code at the bottom of the Page just after the js/functions.js JS File Linking:

<script>
	jQuery(window).on( 'load resize', function(){
		setTimeout( function(){
			var travelTabsHeight = jQuery('.travel-organiser-tabs').outerHeight(),
				travelSliderHeight = jQuery('#slider').outerHeight(),
				travelHeaderHeight = jQuery('#header').outerHeight() + jQuery('#top-bar').outerHeight();
			if( travelSliderHeight < ( travelTabsHeight + travelHeaderHeight ) ) {
				jQuery('#slider,.slider-parallax-inner').css({ 'height': ( travelTabsHeight + travelHeaderHeight + 100 )+'px' });
			}
		}, 600);
	});
</script>

1. We suppose that you are mentioning the App Landing Demo. You can simply use the following link:

a href="#modal-login" data-lightbox="inline"><div>Login</div></a>

and then use the following HTML Code for the Login Form Modal:

<div class="modal1 mfp-hide" id="modal-login">
	<div class="block divcenter" style="background-color: #FFF; max-width: 400px;">
		<div style="padding: 50px;">
			<h3 class="font-body">Login to your Account</h3>
			<form action="#" method="post" class="nobottommargin">
				<div class="col_full">
					<label class="font-body capitalize" for="login-form-modal-username">Username:</label>
					<input type="text" id="login-form-modal-username" name="login-form-modal-username" value="" class="form-control" />
				</div>

				<div class="col_full">
					<label class="font-body capitalize" for="login-form-modal-password">Password:</label>
					<input type="password" id="login-form-modal-password" name="login-form-modal-password" value="" class="form-control" />
				</div>

				<div class="col_full nobottommargin">
					<button class="button button-rounded nomargin" id="login-form-modal-submit" name="login-form-modal-submit" value="login">Login</button>
					<a href="#" class="fright">Forgot Password?</a>
				</div>
			</form>
			<div class="line line-sm"></div>
			<a href="#" class="button button-rounded btn-block t400 center capitalize si-facebook si-colored noleftmargin norightmargin">Login with Facebook</a>
			<a href="#" class="button button-rounded btn-block t400 center capitalize si-gplus si-colored nomargin">Login with Google</a>
		</div>
	</div>
</div>

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.