Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 19, 2016 at 10:51 am #600655
    Hiren

    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.

    March 21, 2016 at 6:44 am #601047
    Rikard

    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

    March 21, 2016 at 8:12 am #601092
    Hiren

    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?

    March 21, 2016 at 5:18 pm #601370
    Yigit

    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

    March 22, 2016 at 1:18 am #601622
    Hiren

    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.

    March 25, 2016 at 7:32 pm #603697
    Andy

    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

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.