Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 12, 2020 at 6:37 pm #1172554
    bobfurgo

    Hi guys,

    I’m wondering if it’s possible to have the header be a regular text menu but then on scroll, when the header sticks have it convert to the burger menu. Let me know, thanks :)

    January 13, 2020 at 5:55 am #1172646
    Nikko

    Hi bobfurgo,

    I think that’s possible with the use of javascript and css.
    If you aren’t using a child theme, please use it first: https://kriesi.at/documentation/enfold/install-enfold-theme/

    Best regards,
    Nikko

    February 6, 2020 at 6:53 pm #1182104
    bobfurgo

    Hi there! Thanks! I am using a child theme :)

    Can you help further with the javascript and css?

    February 7, 2020 at 3:55 am #1182222
    Nikko

    Hi bobfurgo,

    After checking further on this, I realized that the js script is already available and we can just use it’s class.
    Just add this CSS code in Quick CSS, located in Enfold > General Styling:

    .responsive #top .header-scrolled .av-main-nav .menu-item {
    display: none
}

.responsive #top .header-scrolled .av-main-nav .menu-item-avia-special {
    display: block
}

    Best regards,
    Nikko

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