Infinit Shrinking Header

well this is an old thread here i try to explain on :

https://kriesi.at/support/topic/reduce-sticky-header-size/#post-722364
and :
https://kriesi.at/support/topic/reduce-sticky-header-size/#post-724020

it all is in avia.js file – Kriesi did here choose the absolute easiest value to have because on that case of half height is the endpoint of scrolling it is that special case where the scrolled distance to reach the endpoint of scrolling it exactly the half height of starting height..

For example if you start with a initial header height of 300 px and you want to reach the endheight of 150px
Distance to scroll for reaching the endheight is the same

This code in avia.js is for the shrinkbehavior (since line 1536) :

var logo            = $('#header_main .container .logo img, #header_main .container .logo a'),
elements        = $('#header_main .container:not(#header_main_alternate>.container), #header_main .main_menu ul:first-child > li > a:not(.avia_mega_div a, #header_main_alternate a), #header_main #menu-item-shop .cart_dropdown_link'),
el_height       = $(elements).filter(':first').height(),
isMobile        = $.avia_utilities.isMobile,
scroll_top		= $('#scroll-top-link'),
transparent 	= header.is('.av_header_transparency'),
shrinking		= header.is('.av_header_shrinking'),
topbar_height	= header.find('#header_meta').outerHeight(),
set_height      = function()
{	
    var st = win.scrollTop(), newH = 0, st_real = st;
	
	if(unsticktop) st -= topbar_height; 
	if(st < 0) st = 0;
	
	if(shrinking && !isMobile)
    {
        if(st < el_height/2)
        {
            newH = el_height - st;
            if(st <= 0){
				newH = el_height;
		    }
            
            av_change_class(header, 'remove', 'header-scrolled');
            //header.removeClass('header-scrolled');
        }
        else
        {
            newH = el_height/2;
            //header.addClass('header-scrolled');
            av_change_class(header, 'add', 'header-scrolled');
        }

so what if you like to start at 300px initial height and want to end at 1px header height.
The distance you have to scroll to reach one pixel is 299px ! Aha – so
the value you have to insert here to replace is : if(st < el_height/1.0033) factor is 300/299
the value here on second place to substitute is : newH = el_height/300; factor is 1/300

see here f.e: https://webers-testseite.de/elegant/

but this makes no sence – because your navigation needs some height to be seen correct – next example to make it clear
it all goes arround the factors in line 1553 and line 1565

you start with a header height of 300px and want to end at 50px
first value to be replaced is (because distance to scroll is 250px) 300/250 = 1.2 ( be carfull to not make a comma here it is a point for decimal count)
second value is 300/50 = 6 – so on lines:

1553 it is : if(st < el_height/1.2)
1565 it is: newH = el_height/6;

when you send me an ok – i switch the my layout back to origin and delete your logo.
If you need your logo as path – tell me