Canvas Support

Forms and header

2 replies · opened Apr 9, 2018

NngrebnevApr 9, 2018

Hello ,
I have bought 2 days ago the template twice, but I have a problem and can't resolve it.

  1. I want to use travel demo template and make it for me.
    But when the size of the screen is tablet like and rather small then the form goes up to the header and the tabs not more can be clicked on.
  2. You have very very beautiful login (where you click and see immidiately the login form on the index page). How can it be added to the travel demo online page.
    Thank you
NngrebnevApr 9, 2018

Please see screenshot

SSemicolon WebSTAFFApr 12, 2018

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:

	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
  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">Login

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


	
		
			Login to your Account
			
				
					Username:
					
				

				
					Password:
					
				

				
					Login
					[Forgot Password?](#)
				
			
			
			[Login with Facebook](#)
			[Login with Google](#)

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.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard