-
Posts
-
Using code in the enfold support threads I managed on my homepage to have a transparent header with hidden logo with the menu to the right. When the user scrolls down the logo appears along with the menu which is how I wanted things. Now on all the other page I do not want this effect. I want a blue background color and when the user scrolls down the menu to stick at the top and not scroll. Seeing this is so specific I can’t seem to find any threads in the forum.
this is the shortcode in my css to hide the logo
.av_header_transparency .logo { opacity: 0; }Hey LAMAviation,
You need to use the code to affect just the home page, please change it to this:
.home .av_header_transparency .logo { opacity: 0; }If you need further assistance please let us know.
Best regards,
VictoriaOn the sub pages I do not want the logo to stick to the top of the website. I only want it to stick to the homepage when it scrolls. What needs to be adjusted to achieve this?
Hi LAMAviation,
You need to disable sticky header then, and use the css to make the header sticky only on the home page
If you need further assistance please let us know.
Best regards,
Victoriaok, I went ahead and disabled the sticky header in the Enfold settings and tried both of those suggestions but neither made the homepage header sticky.
Hi LAMAviation,
Well, looks like it’s either sticky or not. So you need to choose one. Or write JavaScript to make the header sticky on the home page.
Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)
If you need further assistance please let us know.
Best regards,
Victoria
- You must be logged in to reply to this topic.