Hello. Since my last Logo issue was closed and still not resolved, I’m attempting to to open a new post with some additional detail. I still don’t have a live site, but I would be happy to email the logo file, if that would help. This logo issue has become very frustrating and it seems to work so well with other themes that use this scrolling effect.
I just need to know what parameters can be modified in the avia.js file (function avia_header_size) for adjusting the logo. As you can see in the screen shots below, the shrunken logo looks very blurry and the size is way to small to be readable. I played with the el_height/2 section, but simply don’t understand how this works to make the right adjustments.
Even the full header Logo looks blurry, but is pixel perfect in Photoshop. I simply uploaded the logo and chose Use As Logo – Full Size. The dimensions are 354×156. I’m using the same PSD file that came with Enfold and no size changes were made. My template is using Fixed Header with Social Icons. Thanks.
Full
Shrink
Hi,
What type of Header are you using?
Please send me the logo file on ///.
Include the word “Kriesi” on the subject to avoid spam filter.
Add the link of this thread on your email.
Thanks,
Ismael
Hi Ismael. I sent you an email yesterday. If you didn’t receive it, please let me know and I will resend. Thanks again.
Hi,
Open js > avia.js, find this code
if(st < el_height/2)
{
newH = el_height - st;
//header.removeClass('shadow');
}
else
{
newH = el_height/2;
//header.addClass('shadow');
}
Replace it with
if(st < el_height/1.2)
{
newH = el_height - st;
//header.removeClass('shadow');
}
else
{
newH = el_height/1.2;
//header.addClass('shadow');
}
This will still shrink the logo but not so much. :)
Regards,
Ismael