---
title: "How to Make Mobile Menu in WordPress (Gutenberg) | Fixed Bottom Menu [Video Tutorial]"
url: https://nexterwp.com/docs/make-mobile-menu-wordpress-gutenberg-fixed-bottom-menu/
date: 2023-07-05
modified: 2026-04-14
author: "Aditya Sharma"
description: "https://www.youtube.com/watch?v=fWFiDrsa5p0 Video Duration: 20 : 34 Video Overview In this WordPress tutorial learn how to create a sticky bottom mobile menu for WooCommerce with WordPress. This Mobile Menu for WordPress..."
image: https://nexterwp.com/wp-content/uploads/2024/05/make-mobile-menu-wordpress-gutenberg-fixed-bottom-menu-1024x519.jpg
word_count: 121
---

# How to Make Mobile Menu in WordPress (Gutenberg) | Fixed Bottom Menu [Video Tutorial]

## Key Takeaways

- Nexter Blocks provides a sticky bottom mobile menu specifically designed for WooCommerce.
- The tutorial emphasizes the importance of a mobile-friendly menu for enhancing user experience on online stores.
- The video duration is 20 minutes and 34 seconds, offering a detailed guide on creating the mobile menu.

https://www.youtube.com/watch?v=fWFiDrsa5p0

##### Video Duration: 20 : 34

## Video Overview

In this WordPress tutorial learn how to create a sticky bottom mobile menu for WooCommerce with WordPress. This Mobile Menu for WordPress is the only Gutenberg block you require for the best responsive menu from mobile screens.
If you’re running an online store, it’s critical to have a mobile-friendly menu that looks great and is easy to use. But the standard WordPress menu isn’t always ideal for mobile devices. That’s why adding a sticky mobile menu to your WooCommerce website is essential for the best user experience and site navigation.

▶️ LIVE DEMO - [https://nexterwp.com/nexter-blocks/builder/wordpress-mobile-menu/](https://nexterwp.com/nexter-blocks/builder/wordpress-mobile-menu/)

⚡ Plugin Website - [https://nexterwp.com/](https://nexterwp.com/)
⚡ Get the Plugin [https://nexterwp.com/nexter-blocks/](https://nexterwp.com/nexter-blocks/)
USE CODE " YOUTUBE10 " TO ENJOY 10% DISCOUNT

## Frequently Asked Questions

**Q: What should I do if my mobile menu isn't displaying correctly?**
A: If your mobile menu isn't displaying correctly, ensure that you have properly configured the settings in the Nexter Blocks plugin. Sometimes, caching issues can prevent changes from appearing. Clear your site cache and browser cache, then refresh the page. If the problem persists, check for conflicts with other plugins or themes that may affect the menu display.

**Q: Can I use the sticky bottom mobile menu for a non-WooCommerce site?**
A: The sticky bottom mobile menu can be used on any WordPress site, not just WooCommerce. This makes it a versatile option for enhancing navigation on various types of websites. If you're looking to improve user experience on a standard blog or portfolio site, implementing this menu can help make navigation easier for mobile users.

**Q: What are the best practices for designing a mobile menu?**
A: When designing a mobile menu, prioritize simplicity and clarity. Use clear labels for menu items and limit the number of options to avoid overwhelming users. A sticky menu can enhance accessibility, ensuring that navigation is always available at the bottom of the screen. Consider testing the menu on multiple devices to ensure it looks and functions well across different screen sizes.

**Q: How does the mobile menu integrate with Gutenberg?**
A: The mobile menu is built specifically for the Gutenberg block editor, which means it utilizes the block-based approach for easy customization and integration. This allows you to seamlessly add the mobile menu to your pages without needing to write custom code. Using Nexter Blocks, you can easily implement and modify the menu to fit your design needs.