---
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-09-08
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 fixed bottom mobile menu for WooCommerce with Nexter Blocks. The Mobile Menu..."
image: https://nexterwp.com/wp-content/uploads/2024/05/make-mobile-menu-wordpress-gutenberg-fixed-bottom-menu-1024x519.jpg
word_count: 103
---

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

## Key Takeaways

- Nexter Blocks Mobile Menu block is a Gutenberg block that builds a responsive bottom navigation menu for mobile screens without a separate plugin.
- WooCommerce stores use a sticky fixed bottom mobile menu to keep navigation accessible at all times.
- The mobile menu lets customers browse categories, access the cart, or return to the home page without scrolling back to the top.

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

##### Video Duration: 20 : 34

## Video Overview

In this WordPress tutorial, learn how to create a sticky fixed bottom mobile menu for WooCommerce with Nexter Blocks. The Mobile Menu block is a Gutenberg block that lets you build a responsive bottom navigation menu for mobile screens without a separate plugin.
If you run a WooCommerce store, a sticky mobile menu keeps your navigation accessible at all times, so customers can browse categories, access the cart, or return to the home page without scrolling back to the top.

▶️ 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/)