Hi,
I have a multilanguage website where on the default language homepage I hide logotype in transparent header and display it after scrolling. I would like my logotype behave the same way on the transparent header on homepage in the second language as well (now it is not hidden before scrolling). How to do that?
Hey Monica,
As I understand you like to display the logo when the page is not scrolled correct?
Please remove the below code from the child theme styles.
.home .av_header_transparency .logo {
opacity: 0;
}
Best regards,
Vinay
No, opposite. I would like to display logo ONLY when the page is scrolled – that is why the code is added in custom CSS. But the code does not work for the second language version of the homepage.
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
#top.page-id-56 #header .logo { opacity: 0; }
#top.page-id-56 #header.header-scrolled .logo { opacity: 1;
}
If you activate transparent header please check the code to below
.page page-id-56 .av_header_transparency .logo { opacity: 0; }
.page page-id-56 .logo { opacity: 1;
}
Best regards,
Vinay
The transparent header on both version of the homepage is ON, but any combination of the above codes does not work, unfortunately.
how do you have reached multilanguage site. What kind of plugin do you use?
Hi, I have used Polylang to create multilanguage website.
Hi,
I have updated the code in quick CSS Please review the site now :)
Best regards,
Vinay
Thank you a lot! Works perfect now.
Great help :)
Hi,
Glad we could help!
Please take a moment to review our theme and show your support https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)
Best regards,
Vinay