-
Posts
-
Hello, team Kriesi!
So, I have this problem with the Header visibility and transparency option. When I enable “Header invisible and appears once user scrols down”, it kinda cancel my submenu items, whitch I would preffer not to. Is there any quick css code, or any particular option than I didn’t check/uncheck? Thanks in advance and thanks for this powerfull, epic theme.
Hey Zetrh,
Please include a url to the page with the issue. I tried to find a page with a transparent header & a submenu but could not.
When you say “cancel my submenu items” do they disappear or are not clickable?Best regards,
MikeSorry, it was not activated as the submenu disappear entirely. I gave you the page in the private content.
ps, thanks for quick response
Hi,
Thank you for that, the invisible head that appears when user scrolls down, seems to be working correctly now.
That is the header is not seen until the user scrolls down, is this what you meant?Best regards,
MikeYes, the header appears now because I selected in the page options to show only when user scrolls down, for you to see my problem. But now, the submenu is gone, As well as the social profiles. So, my problem is this: When I select the header to show only when user scrolls, the main menu+logo remains, but the submenu is canceled(dissapears enteirly with the social profiles).
I should tell you that when the header is set to “no transparancy”, the submenu is shown, as well as the social profiles, as in the page that i will leave in the private content.Hi,
Thank you, I understand now :)
Try this code in the General Styling > Quick CSS field:.html_header_transparency.html_header_scrolldown #top #header_meta.av_extra_header_active { padding-top: 30px !important; margin-bottom: 1px !important; }Please clear any cache plugin and your browser cache, and check.
I wrote it to only work on pages with the transparency set to on scroll so it should not effect any other pages. If you want the bar taller than 30px, feel free to adjust.
Thanks for your patience.Best regards,
MikeHi,
For testing purpose, I have unchecked “Unsticky top bar” option from Enfold > Header > Header behavior >
Please review the site if it is ok for you now? If not are you ok to activate shrinking header? Only then the header will get a class “header-scrolled” which we can use to position the header top bar with social icons when the page is scrolled. It is not otherwise possible to target the top bar using CSS when the page is scrolled.
Best regards,
VinayThank you Vinay, this is exactly what I’ve been looking for, so, now, I deleted the quick css code that Mike gaved me, as that code just extended the header, but did not made the submenu visible. So, in order to make submenu visible, you just need to uncheck “Unstick top bar”..(as a mather of fact, it’s only written there what that option do), so silly me. For the shrinking header, if activated it’s shown a little bit “rusty” for my taste, so, I will let both Unstick and shrinking to uncheck. Now, it is perfect. Thank you for your enourmous help.
Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
and the video tutorials here
And if there are features that you wish Enfold had, you can request them and vote the requested ones here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)Best regards,
Mike
- The topic ‘Header visibility and transparency help’ is closed to new replies.