Tagged: enfold, transparency menu
I love the transparency menu option – but dislike how quickly it goes back to the default fixed menu at the top. How would I make that transition take place like 800px down on the page?
Hi Andrea!
Thank you for using the theme!
Please edit js > avia.js, find this code on line 1198:
if(transparent)
{
if(st > 50)
{
header.removeClass('av_header_transparency');
}
else
{
header.addClass('av_header_transparency');
}
}
Replace it with this:
if(transparent)
{
if(st > 600)
{
header.removeClass('av_header_transparency');
}
else
{
header.addClass('av_header_transparency');
}
}
Remove browser cache then reload the page a few times.
Regards,
Ismael
Fantastic. Is there a way of getting that into the child theme? I’d imagine not, but it’s worth asking.
Works great! Thank you!
Hi @KingConga!
Refer to this topic:
https://kriesi.at/support/topic/use-avia-js-in-child-theme/
Regards,
Josue
That’s brilliant.
Is the idea to put the whole of the contents of avia.js into the child theme or just the snippet?
I was wondering if it could be put into the child theme so it was ‘upgrade proof’.
Yes, you’d need to place the whole contents of avia.js in the child folder. It is update proof (it won’t get lost when updating) but if we update something in avia.js (check changelog) it is recommended to update your child avia.js too, and redo this transparent mod.
Cheers!
Josue