Is there a way to stop stick-header-risized from resizing? (functions.js)

[edenbkks]

Hi, I would like to prevent the sticky header from resizing itself when scrolling down the page.

I have been able to find the appropriate javascript code in functions.js

					if (scrollTop >= headerTop + headerHeight + 30) {
						stickyHeader.addClass('sticky-header-resized');
					} else if (stickyHeader.hasClass('sticky-header-resized')) {
						stickyHeader.removeClass('sticky-header-resized');
					}

Is there a way I can disable this without hacking the source file?

Thanks.

[Rui Guerreiro – SUPPORT]

Hi,

You want the header always sticky without animation?
can you provide us your website url?

-Rui

[edenbkks]

Hey sorry for the delay in reply. I have just updated Dante and I still have the problem. Any suggestions greatly received.

Home

Kind regards,
Craig

[Mohammad – SUPPORT]

Hi,
You need to apply your code change in functions.js file again.
Thanks
Mohammad

[edenbkks]

Sorry,

I was asking “how I change the code to stop the animation?” not that the code had broken following an update.

So is it possible to have the sticky header without the animation (i.e. keep it a fixed height)?
If so how would I go about doing that?

Thanks,
Craig

[Mohammad – SUPPORT]

Hi,
Please find this code at functions.js file:-

header.stickyHeaderInit();

Change to:-
//header.stickyHeaderInit();

Thanks
Mohammad