How to Create a Sticky Bottom Mobile Menu in WordPress?

Key Takeaways

  • Utilizes the Mobile Menu block from Nexter Blocks to create a sticky bottom mobile menu in WordPress.
  • Requires installation and activation of Nexter Blocks to access the Mobile Menu block features.
  • Instructs users to set the Position to Fixed and Bottom in the header template using Nexter Builder.
Table of Contents

Do you want to create a sticky bottom mobile menu in WordPress? A sticky bottom mobile menu can improve the browsing experience, as the menu is always visible at the bottom when a user scrolls. 

With the Mobile Menu block from the Nexter Blocks, you can easily create a sticky bottom mobile menu in WordPress.

To check the complete feature overview documentation of the Nexter Blocks Mobile Menu block, click here.

Requirement  – This block is a part of the Nexter Blocks, make sure it’s installed & activated to enjoy all its powers.

To do this, add the Mobile Menu block to the header template and follow the steps –

Note: To create the header template, you can use the free Nexter Builder. 

1. After selecting the appropriate style from the Style section, select Fixed from the Position dropdown.

mobile menu layout style 1 position

2. Then, from the second Position section, select Bottom.

3. Add your desired screen width in the Open Mobile Menu section so the menu is only visible on mobile.

4. Finally, create the menu from the Main Menu and Right Menu tab based on your selected style in the Mobile Menu tab.

Now, your mobile menu will stick at the bottom as you scroll.

mobile menu layout style 1 position fixed demo

Share your Thoughts

Get Instant Answers to all your questions about Nexter Blocks,
Extensions & Theme trained on 1000+ Docs and Videos

Still in Doubt? Let’s Assist You

Have Feedback or Questions?

Join our WordPress Community on Facebook!