[itzsnider]

Removed

[itzsnider]

Here is my functions.php

http://pastebin.com/d4CyB5D7

[itzsnider]

I updated the above to make it 268ece which is a bright blue, still nothing on the iPhone 6+.

Something about it doesn't show the header when scrolling etc. In Chrome it shows the header and the hamburger when I scroll up just for a second though.

I assume something is overriding it all.

[itzsnider]

Or is there a way to invoke a different menu for mobiles smaller than the 768?

[itzsnider]

I went line by line with the CSS so I can only assume this is java related.

What is called via my functions file is the header-fade.js

jQuery(function($){$(window).scroll(function(){if(window.innerWidth>768){var yPos=($(window).scrollTop());if(yPos>100){$("header.site-header").fadeIn();}else{$("header.site-header").fadeOut();}};});});jQuery(document).ready(function(){if(jQuery('#full-image-new').length){var height=jQuery('#full-image-new').height();jQuery('.featuredSpaceHolder').height(height);}
jQuery('.featuredContainer').on('click','.story-cover-arrow',function(){var height=jQuery('#full-image-new').height();var offset=jQuery('header').outerHeight(true);jQuery('html, body').animate({scrollTop:(height- offset)},2000);});jQuery('.home-section-1').on('click','.smooth-scroll',function(){var height=jQuery('.home-section-1').outerHeight(true);var offset=jQuery('header').outerHeight(true);jQuery('html, body').animate({scrollTop:(height- offset)},2000);});});jQuery(document).ready(function(){resizeFunStuff();jQuery(window).resize(function(){resizeFunStuff();});});function resizeFunStuff(){if(window.innerWidth<768){var outerHeight=jQuery('.site-header').outerHeight(true);var windowHeight=jQuery(window).height();var newHeight=windowHeight- outerHeight;jQuery('#full-image-new').css({"top":outerHeight,"height":newHeight+"px"});}else{jQuery('#full-image-new').css({"top":"0","height":"100%"});};}

[Author]

Posts