WordPress.org

Support

Support » Themes and Templates » [Resolved] unstick sticky menu while mobile nav is opened

[Resolved] unstick sticky menu while mobile nav is opened

  • Hi there!

    Is it possible to make the sticky menu unsticked while the mobile nav is opened?

    Thanks for any help!
    Bence

    p.s.: I made the menu sticky this way.

    (my site is: muzli.hostoi.com)

Viewing 3 replies - 1 through 3 (of 3 total)
  • nikola00219
    Member

    @nikola00219

    Well this was easy to solve. You have to change the way you load sticky function in global.js to looks like this:

    // Sticky Menu
        $(window).load(function(){
    	if ($(window).width() > 800) {
    	    $(".navigation").sticky({ topSpacing: 0 });
    	}
        });

    I like the way you use up-to-the-top in your menu. I was able to put it in mine, but how did you make it disappear when you are at the top of the page?

    Well unfortunately this won’t solve my problem fully. In this case the sticky menu will be disabled at all if the user views it with mobile. However I would like to disable it only if the mobile menu is in opened position.

    Answer to your question:
    It is connected with the sticky menu. In default the up-to-the-top class isn’t displayed and then I used the .is-sticky .up-to-the-top selector to set the display value to block. Hope it helps you out! 🙂

    Also waiting for better solution for my original question.
    Thanks!

    nikola00219
    Member

    @nikola00219

    Thanks for your explanation. I already found the answer few hours after my post but I am new to wordpress.org and didn’t know I couldn’t edit my comment after some time.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Resolved] unstick sticky menu while mobile nav is opened’ is closed to new replies.