Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #603964

    Hi there,

    I really like the zoom effect of the scrolled header, but I would like to have control of the FINAL height (or max height).

    I have followed these instruction: https://kriesi.at/support/topic/shrinking-header-height/

    But as you can see the logo first go smaller and smaller, then once is all scrolled it get at the right height.

    How can I stop the zooming effect at the height I want?

    I hope it is clear, link in private shows it al lot

    #604122

    Hi Arcatech!

    try this code in Quick CSS field:

    .header-scrolled #header_main {
    height: 40px;
    }
    

    and adjust as needed.

    Best regards,
    Andy

    #604126

    Thanks but the issue is the same: It slowly gets very little and the bigger again. Why can’t it stop at a max height while scrolling?

    #604265

    Hi!

    I’m sorry but there is no option for the final max height because the calculation is dependent on the initial header height. I checked the logo behaviour on my installation and it doesn’t act the same as yours. The logo size decreases on scroll but it doesn’t increase back when the header fully shrank. Did you add any other css modifications other than the one we provided here?

    Cheers!
    Ismael

    #605316

    Not as far as I remember, can I see yours?

    #605332

    Oh yes I tried to modify Avia.js like in another discussion hre as I said before: https://kriesi.at/support/topic/shrinking-header-height/

    #605379

    Ok now it looks better it’s just the logo that gets too small.

    #605836

    Hey!

    Try changing 1.5 to something closer to 2 (like 1.8).

    Regards,
    Josue

    #606782

    It still do that little “jump-off” at the end from small to bigger

    • This reply was modified 7 years, 12 months ago by Arcatech.
    #607209

    Try with a higher value in the first number, so the block ends up like:

    if(st < el_height/2.5)
    {
        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/1.5;
        //header.addClass('header-scrolled');
        av_change_class(header, 'add', 'header-scrolled');
    }
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.