header static-sticky / menu jumpy

SSimoneAlvarezJun 4, 2017

Dear SemiColonWeb Team,

I am sorry to bother, but I could not find an answer to my question in the existing entries or using the css generator.

I am using the boxed theme, with a sticky and static header.
<header id="header" class="full-header static-sticky" data-sticky-class="not-dark">

This is OK in Chrome and after I put in the recommended code
//////////////////////////////////////////////////////////////////////
<script>
var isSafari = /Safari/.test(navigator.userAgent) && /Apple Computer/.test(navigator.vendor);

if( isSafari ) {
    jQuery('#header').addClass('static-sticky');
}

</script>
//////////////////////////////////////////////////////////////////////
also in Safari. But in IE and Firefox when starting to scroll, the header/navigation jumps one time up an down (at the top of the page, not while scrolling in the middle or at the end of the page).

I tried to add the cehck for Firefox in the above script:
var isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
but it won't.
How can I stop the header/navigation from doing that? It should just not move at all.

Thanks for you help,
Simone

SSemicolon WebSTAFFJun 6, 2017

Hello,

Simply add the .static-sticky Class to the #header Tag to implement this in all the Browsers.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.