Hi guys,
A very quick question. One of the latest Enfold demos show sticky menu slide in action here – http://kriesi.at/themes/enfold-one-page-portfolio/
We are already using the sticky menu but it is simply basic sticky action – menu stays right there. Can I achieve the same as the above demo for our client website. Website detains included.
Hey hirens,
You can select that option from Header visibility and transparency in the Layout menu on the edit screen of the page.
Thanks,
Rikard
Thanks Rikard.
I might be pushing it but is it possible to show the main menu and then have that slide in effect?
So, say ‘header IS visible but sticky menu appears only after user scrolls down’ …is it possible to achieve this?
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
nav.main_menu {
opacity: 1;
}
.av_header_transparency nav.main_menu {
opacity: 0;
}
Regards,
Yigit
Hi Yigit,
I think I did not explain it correctly. Please allow me to elaborate…
We do not want to turn the transparent menu opacity to zero. We simply require the animation effect change.
Currently we have this:
Transparent menu is there, when you start to scroll down, the transparent menu gains the background white color and becomes sticky menu.
Can we achieve following?
Transparent menu is there, when we scroll, transparent menu scrolls out of the page with the header. Sticky menu then slides in from top after the header color section is out of the screen.
Herewith I have included an example of a website.
Hi!
you can find all header options when editing page in question. Scroll down and look on the right side for “Layout->Header visibility and transparency”
Regards,
Andy