Important:
This support area is for Kalium 3 users only. Support for Kalium 4 has moved to our new platform at support.laborator.co. If you’re using Kalium 4, please create a new account there using your email and license key. A password will be sent to you automatically.

Okay
  Public Ticket #930277
TopHeader
Closed

Comments

  •  2
    parthiban-exalogic started the conversation
    October 21, 2016 at 10:55pm

    How can i fix the top header in this theme wth responsive(Fixed top header),Please can u help me 

    Thanks&Regards

    T.kiran

  • [deleted] replied
    October 24, 2016 at 11:28am

    Hi,

    Do you want to make this header block fixed in screen?

    If so, you have to apply "position: fixed" property, because it doesn't support by default.

  •  2
    parthiban-exalogic replied
    October 27, 2016 at 4:59pm

    i tried adding property position:fixed to 

    <div class="row"></div> The div which has all the elements of the navigation top header,but it is getting hidden back of dashboard tile elements i.e (Registered Users,Daily Visitor,New Messages,Subscribers). Help me out



  • [deleted] replied
    October 28, 2016 at 12:08pm

    Hi,

    Please add this JavaScript, it will work:

    jQuery( document ).ready( function( $ ) {	
    	var $userBar = $( '.main-content .row:has(.user-info)' );
    	
    	$userBar.css( {
    		position   : 'fixed',
    		background : '#fff',
    		width      : jQuery( '.main-content' ).outerWidth( true ),
    		height     : $userBar.outerHeight() + 15,
    		left	   : jQuery( '.sidebar-menu' ).outerWidth( true ) + 15,
    		top        : 0,
    		zIndex     : 3000,
    		padding    : 15
    	} );
    	
    	jQuery( '.main-content' ).css( 'padding-top', $userBar.outerHeight() );	
    } );

    Here is how it works to me:

    http://drops.laborator.co/XCLO

  •  2
    parthiban-exalogic replied
    November 2, 2016 at 8:22am

    I added the script for fixing top header but it's not responsive and it not showing Logout link,Please helpe me out

  • [deleted] replied
    November 2, 2016 at 1:25pm

    Hi,

    The code I gave to you only supports the fixed user info navbar for desktop layout however to make it responsive you have to use JavaScript events for handling when media screen is changed.

    One plugin you can use is:

    http://wicky.nillia.ms/enquire.js/


  •  2
    parthiban-exalogic replied
    November 2, 2016 at 5:26pm

    Hi,

    I am not able to do responsive by using enquiry.js,i can't get it how to do,please can you help me out this issue.

    Thanks&Regards

  • [deleted] replied
    November 3, 2016 at 1:12pm

    Hi,

    This is a custom work, however I am doing this time for you only.

    Please send me FTP and necessary login data to access the page in words so I will try to implement it.

    To include your credentials click Insert Credentials button in editor toolbar. (See how)