Suggestion – Logo options

We’re using an animated gif as a logo. It has a solid color background since it’s white and we all know how great gif transparency is. However, when the page is scrolled, the header shrinks and a bit of opacity applied. This makes the logo look crappy there. I like the shrinking and the opacity.

So… I would love it if you guys would consider having a Transparent logo and Non-Transparent logo upload option. That can be optional so that if both exist, the logo images are swapped if the page is scrolled. I have achieved this effect by editing the js code. Very simple to do and is a nice effect. I would just love to not have to do this by editing code so that it doesn’t break with updates. Edits made:

enfold/js/avia.js

if(shrinking && !isMobile)
{
	if(st < el_height/2)
	{
		newH = el_height - st;

		av_change_class(header, 'remove', 'header-scrolled');
		//header.removeClass('header-scrolled');
		logo.attr('src', 'PATHTO-site_logo.gif');    //   <<<< ADDED
	}
	else
	{
		newH = el_height/2;
		//header.addClass('header-scrolled');
		av_change_class(header, 'add', 'header-scrolled');
		logo.attr('src', 'PATHTO-site_logo.png');  //   <<<< ADDED
	}
	
	elements.css({'height': newH + 'px', 'lineHeight': newH + 'px'});
	logo.css({'maxHeight': newH + 'px'});
}

Hope to see that :)

Thanks for an awesome theme!

• This topic was modified 10 years ago by klear.