Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 28, 2016 at 6:05 pm #603964
    Arcatech

    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

    March 28, 2016 at 10:29 pm #604122
    Andy

    Hi Arcatech!

    try this code in Quick CSS field:

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

    and adjust as needed.

    Best regards,
    Andy

    March 28, 2016 at 10:33 pm #604126
    Arcatech

    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?

    March 29, 2016 at 6:30 am #604265
    Ismael

    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

    March 30, 2016 at 5:31 pm #605316
    Arcatech

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

    March 30, 2016 at 5:52 pm #605332
    Arcatech

    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/

    March 30, 2016 at 7:05 pm #605379
    Arcatech

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

    March 31, 2016 at 12:54 pm #605836
    Josue

    Hey!

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

    Regards,
    Josue

    April 1, 2016 at 5:08 pm #606782
    Arcatech

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

    • This reply was modified 8 years, 7 months ago by Arcatech.
    April 3, 2016 at 12:12 pm #607209
    Josue

    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');
}
  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.