I would like to turn off the shrinking effect for the fixed headers when scrolling down. Can you point me towards where to make that change.
Thanks in advance
Hi,
Open js > avia.js then find and remove this code
//check if the browser supports element rotation
function avia_header_size()
{
var win = $(window),
header = $('.fixed_header #header'),
elements = $('#header_main .container, .main_menu ul:first-child > li > a:not(.avia_mega_div a)'),
el_height = $(elements).filter(':first').height(),
isMobile = 'ontouchstart' in document.documentElement,
scroll_top = $('#scroll-top-link'),
set_height = function()
{
var st = win.scrollTop(), newH = 0;
if(st < el_height/2)
{
newH = el_height - st;
//header.removeClass('shadow');
}
else
{
newH = el_height/2;
//header.addClass('shadow');
}
elements.css({height: newH + 'px', lineHeight: newH + 'px'});
}
if(!header.length) return false;
if(isMobile)
{
return false;
}
win.scroll(set_height);
set_height();
}
Regards,
Ismael