Fixed navigation bar


I want to make an fixed navigation bar for mobile users only, on the bottom of the screen. So when you scroll, the navigation bar is fixed and does not scroll along when you scroll. How can i make something like that? It should be only avaible on mobile users, when you on a laptop/desktop it should not be visible.

  1. Add a floating group to the bottom of your page
  2. Set it to “float to bottom”
  3. Add your menu items inside it.

4.1. Set up a hiding rule, if page width is <375px (as an example) this group is not visible.
4.2. Install a plug in that will give you device info and set up hiding rule if device is mobile.

1 Like

If don’t waste time to set a Navigation bar from scratch you can try


This topic was automatically closed after 70 days. New replies are no longer allowed.