Hi Enidan,
I moved the coding around and deleted a few lines that were specifying the sticky aspect. Not sure if that’s the true correct way to go about it but it works across browsers.
Here’s what i did in the header.php file:
I moved the <header id=”masthead”> to right below <div class=”frontpage-header”> and deleted the <div class=”header-nav-container”> block of code.
below is the resulting “masthead” code.
*****************
<header id=”masthead” class=”site-header” role=”banner”>
<?php if(is_front_page()) : ?>
<div class=”header-nav-container-inner”>
<?php endif; ?>
<div class=”responsive-container”>
<div class=”site-branding”>
<h1 class=”site-title”>” rel=”home”><?php bloginfo( ‘name’ ); ?></h1>
<h2 class=”site-description”><?php bloginfo( ‘description’ ); ?></h2>
</div>
<nav id=”site-navigation” class=”main-navigation” role=”navigation”>
<?php wp_nav_menu( array( ‘theme_location’ => ‘primary’, ‘menu_id’ => ‘main-nav’ ) ); ?>
</nav><!– #site-navigation –>
</div><!– .responsive-container –>
</div>
</header><!– #masthead –>
*********************