iPad Layout Blocking Header Content?

Hello Robert,

Thank you for contacting us. We spent quite some time testing this, and it is being caused by a “user agent” setting for iPad. You can override this by adding the following code to the “Custom Theme JS” editor, in the Customizer:

jQuery( document ).ready( function() {
‘use strict’;
if ( ! jQuery( ‘script[src*=”boldgrid-sticky-nav”]’ ).length ) {
var adjust_content = function() {
var in_customizer = false,
header_height = jQuery( ‘.site-header’ ).height(),
screen_width = true === in_customizer ? jQuery( window ).width() + 16 : jQuery( window ).width();

if ( ‘undefined’ !== typeof wp ) {
in_customizer = ‘undefined’ !== typeof wp.customize ? true : false;
}

// Desktop.
if ( screen_width > 768 ) {
jQuery( ‘.site-content’ ).css( ‘padding-top’, header_height + ‘px’ );

// Mobile.
} else {
jQuery( ‘.site-content’ ).css( ‘padding-top’, ‘0px’ );
}
};
adjust_content();
jQuery( window ).resize( adjust_content );
}
});

Thank you,

John-Paul