Hi,
on http://eli.nummer5.de i have set up a test environment for our musicschool`s website. I really like the transparent header and it works great there. only issue i am facing is that on scroll down both logos appears, the regular one as well as the transparent version. Any idea how to avoid this?
Thanks, Sebastian
Hi Sebastian!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.header-scrolled .logo a > img {
opacity: 0;
}
Cheers!
Yigit
Hi Yigit,
Thank you for quick responding, but this is only half the Solution To my issue. Since i am using dark photos i need a white logo for the transparent Header. Scrolling down, header bg Color changes to white, so i need the regular logo with dark typo.
To make the transparent Header perfect, there should be two logo versions: One is Used for the transparent Header, the Otter logo for the colored header section. This is how the X or Eli themes deal with the transparent aera. Are there any Plans on that?
Best regards
Sebastian
Hey!
Please upload your dark logo as well in Enfold theme options > Logo section and remove the custom CSS i posted earlier
Best regards,
Yigit
Hi Yigit,
thanks again for helping me. but i am afraid, this does not work either. I now do have again two overlapping logos in the header when scrolling down: the white one, which is supposed to go with the transparent header, and the black-typo one, which is actually to appear on the white header bg upon scrolling.
Hm, and now?
thanks for your support.
Sebastian