Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • March 22, 2017 at 2:19 pm #764790
    tomcarmans

    Hi
    Is it possible to have the burger menu only shown when you start scrolling?

    So when opening a page, the normal menu is on top.
    When you start scrolling, it gets replaced by the burger menu.

    Thanx
    T

    March 23, 2017 at 12:48 pm #765385
    tomcarmans

    Anyone? ;-)

    March 23, 2017 at 1:09 pm #765397
    Victoria

    Hi tomcarmans,

    Can you please give us a link to your website?

    Best regards,
    Victoria

    March 24, 2017 at 10:32 am #766025
    tomcarmans

    Hi, link below …

    • This reply was modified 7 years, 9 months ago by tomcarmans.
    March 27, 2017 at 2:53 pm #767455
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (min-width: 990px) {
.js_active.html_burger_menu #avia-menu > li, .header-scrolled .av-burger-menu-main {
    display: block!important;
}
.js_active.html_burger_menu .header-scrolled #avia-menu > li, .av-burger-menu-main {
    display: none!important;
}
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

    March 27, 2017 at 3:12 pm #767470
    tomcarmans

    Hi Yigit

    Both menus are shown when opening page: https://www.dropbox.com/s/mxg1yj7xdwfgjkk/Screenshot%202017-03-27%2015.10.47.png?dl=0
    When scrolling, both disappear: https://www.dropbox.com/s/oqtv7q297mu85rw/Screenshot%202017-03-27%2015.11.32.png?dl=0

    Should be:
    – Full menu is show when opening page
    – When scrolling: full menu hidden, burger menu shown
    On mobile: always burger menu

    Thanks a lot!

    Tom

    March 27, 2017 at 3:14 pm #767473
    Yigit

    Hi!

    Can you please create a temporary admin login and post it here privately so we can look into it?

    Regards,
    Yigit

    March 27, 2017 at 3:16 pm #767478
    tomcarmans

    Hi Yigit
    See in private content …

    March 27, 2017 at 3:17 pm #767479
    Yigit

    Hi!

    Login credentials are not working for me. Could you please check them once again? :)

    Best regards,
    Yigit

    March 27, 2017 at 3:20 pm #767484
    tomcarmans

    New password in pvt

    March 27, 2017 at 3:39 pm #767499
    Yigit

    Hi!

    I changed the code to following one 

    @media only screen and (min-width: 990px) {
.js_active.html_burger_menu #avia-menu > li { display: block; }
.js_active.html_burger_menu .header-scrolled #avia-menu > li.av-burger-menu-main {
    display: block!important;
}
.js_active.html_burger_menu .header-scrolled #avia-menu > li {
    display: none;
}
.js_active.html_burger_menu #avia-menu > li.av-burger-menu-main { display: none; }
}

    and corrected the errors you had in style.css file. Please review your website now

    Best regards,
    Yigit

    March 27, 2017 at 3:43 pm #767505
    tomcarmans

    Works like a charm!
    Thanks a lot, Yigit, great service!

    March 27, 2017 at 8:58 pm #767730
    Yigit

    Hi,

    You are welcome!
    Let us know if you have any other questions or issues :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Burger menu only on scroll’ is closed to new replies.