How to implement sticky menu bar in Modern Store free WordPress theme

  • Hi there,

    I’m working on a project and need to implement sticky header of the bottom menu of the header. How to make it sticky menu bar without interfering the header-middle menu bar. If possible, please guide me.

    Looking for positive response from your side.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Thanks for using Modern Store!

    Adding this plugin to your site will be the best solution: https://www.ads-software.com/plugins/sticky-menu-or-anything-on-scroll/

    Since the menu needs to position itself normally until it hits the top of the screen, you need to add some Javascript to listen for that event, and the plugin I linked to above will handle that for you.

    The plugin will ask you for a “Sticky Element” selector so it knows which part of the site to make sticky, and you can enter this into that field: #mobile-menu-container

    • This reply was modified 4 years, 4 months ago by Ben Sibley.
    slayzdmandem

    (@slayzdmandem)

    Hi Ben,

    Thanks for supplying the above information. This works great on Desktop, However the mobile version of the theme this header does not remain sticky.

    Do you have a fix for this?

    Thanks

    Theme Author Ben Sibley

    (@bensibley)

    You could try using #site-header to make the entire header sticky. That ID shared previously was only for making the menu items stay sticky.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to implement sticky menu bar in Modern Store free WordPress theme’ is closed to new replies.