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

Comments

  • Robert started the conversation

    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,069
    ThemeNectar replied

    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

    Worked like a charm, thank you (again)!