Header jitters on safari mac os

7 replies · opened Jan 28, 2017

SsphfardJan 28, 2017

The header jitters when resizing when I scroll down. This only happens on safari for mac os. Its working fine for chrome and firefox.

Here is the link :

http://digilabdesign.ca/gbcpa/

Thanks in advance !

SsphfardJan 30, 2017

bump

SsphfardJan 30, 2017

Still need help please.

SSemicolon WebSTAFFFeb 1, 2017

Hello,

Thanks for your Patience on this! Unfortunately, this issue is related to Safari itself and currently we are still working to resolve this issue. The update process can take longer as we need to make multiple tests and also due to the current Code Structure of the Header Area. We really apologize about the Inconveniences caused due to this. Meanwhile, consider using the .static-sticky Class on the #header Element to disable the Header Resize Animation which will work more smoothly on MAC Safari.

Hope this Helps!

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

SsphfardFeb 2, 2017

Is there a way to have the sticky header only when safari is detected so i still have full header for chrome?

SSemicolon WebSTAFFFeb 2, 2017

Hello,

Yes! This is Definitely Possible and we have just created a Code for you. Please add the following JS Code at the bottom of the Page just before the js/functions.js JS File Linking:


	var isSafari = /Safari/.test(navigator.userAgent) && /Apple Computer/.test(navigator.vendor);

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

This will definitely work fine. Hope this Helps!

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

NnourishandnestleJun 4, 2017

So please excuse my lack of knowledge here, but I want to be sure I'm adding this code in the right place as I am having the same problem. I've attached a screen shot, please let me know if I should add this code ABOVE where its says 'FOOTER SCRIPT' section shown in the screen shot.

NnourishandnestleJun 5, 2017

Hoping you see this...do I need to make a new thread?

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard