Okay
  Public Ticket #165142
Nectar Page Headers v3.1
Closed

Comments

  • Robert started the conversation
    February 18, 2014 at 5:50am

    Hi There! One of the changes from 3.0.5 to 3.1 was the responsiveness for the Nectar Page Headers.

    I actually preferred the responsive heights that the previous version had and was wondering how to maintain that size. Perhaps Custom CSS would allow me to accomplish this? Any guidance would be appreciated!

    Thank you very much!

  •  1,077
    ThemeNectar replied
    February 19, 2014 at 1:40pm

    Hey Robert! Open the init.js file located in the js folder and search for this:

    function pageHeader(){

    now change this:

    if( window.innerWidth < 1000 && window.innerWidth > 690 && !$('body').hasClass('salient_non_responsive') ) {
		
	$('#page-header-bg').attr('data-height', pageHeaderHeightCopy/1.5).css('height',pageHeaderHeightCopy/1.5 +'px');
		
} else if( window.innerWidth <= 690 && !$('body').hasClass('salient_non_responsive')) {
		
	$('#page-header-bg').attr('data-height', pageHeaderHeightCopy/2.2).css('height',pageHeaderHeightCopy/2.4 +'px');
		
} else {
	$('#page-header-bg').attr('data-height', pageHeaderHeightCopy).css('height',pageHeaderHeightCopy +'px');
	$('#page-header-wrap').css('height',pageHeaderHeightCopy +'px');
}

    to this:

    $('#page-header-bg').attr('data-height', pageHeaderHeightCopy).css('height',pageHeaderHeightCopy +'px');
$('#page-header-wrap').css('height',pageHeaderHeightCopy +'px');

    Cheers :)

  • Robert replied
    February 25, 2014 at 6:53am

    Worked like a charm, thank you (again)!