Tagged: enfold, header, Shrinking, shrinking header
When I have the option Shrinking Header turned on it shrinks to much. I tried the option posted elswhere on this forum (https://kriesi.at/support/topic/logo-shrinking-too-much-on-scroll/) but that just makes the logo itself shrink less.. Can you help me on my way to find how I can make the header itself shrink less.. If you can just point out which div and what rule is causing it I can probably manage.
thanks :D
Hey durkadurka!
Thanks for using the support forum!
You can edit js > avia.js, find this code on line 1210:
newH = el_height/2;
header.addClass('header-scrolled');
Replace the value 2 with a smaller divisor, 1.5 for example:
newH = el_height/1.5;
header.addClass('header-scrolled');
Remove browser cache then reload the page a few times.
Regards,
Ismael
Hey Ismael,
Thank your for this.. It works ok, only now it seems it goes from large to small to the new 1.5 size.. So when you scroll down first its gets smaller and then it pops to a slightly larger (1.5) size.. Any clue how we can fix that?
Thanks again
EDIT: Mmm I think refreshing a few times worked :D