How to fix Menu not working in mobile view

WordPress Mobile Menu Not Working? Fix It Now!

If your WordPress mobile menu is not working, do not worry at all. It’s an easy fix. In this post, you’ll learn how to make your menu button work perfectly on mobile view especially if you are using the Astra WordPress theme.

First, please understand that this method only works for WordPress sites only.

Step 1: Set Menu

If your mobile WordPress menu is not working, first, make sure you have set your menu appropriately.

If you have not, set and arrange your menu. Appearance -> Customize -> Menus -> Create new Menus (or modify existing one.)

In case, you want to modify an existing one, follow the navigation direction above, and then you’ll see menu options as shown below.

Create Menu

Please make sure you have a predefined menu you’d choose for mobile view. In most cases, the same menu used for the Primary menu is used for Mobile.

Once you’ve identified what menu you plan to use for the mobile view then you’re good to go to the next step.

cloudways WordPress hosting
  • Host your websites on a super fast, dedicated and independent server.
  • Break free from cheap and slow Shared hosting service.
  • Enjoy Pay as you use Cloud hosting service for a token.
  • Get $25 FREE after signup.

Step 2: Manage All Menu Locations

Now, you need to manage all menu locations.

Follow this navigation process: Appearance -> Customize -> Menus -> View All Locations. You’ll then see something like this:

Manage all menu locations

First, select your Primary. This is for the desktop view though on the Astra WordPress theme.

iPhone Not Downloading Apps Easy Fix
iPhone Not Downloading Apps Easy Fix

However, for mobile view, you’ll need to click the dropdown of Menus under “off-Canvas Menu”. Simply select your desired Menu for Mobile view here.

Load WordPress Sites in as fast as 37ms!

Hit the publish button to save your menu changes.

Step 3: Customize Menu Toggle Button

If for some reason still, your mobile WordPress menu is not working, fix it by ensuring you are on the Menu page (Appearance -> Customize -> Menus -> View All Locations).

Load WordPress Sites in as fast as 37ms!

Next, ensure you switch to mobile view.

Switch to mobile view in customization

Now, you’ll need to click that edit button at the top of the Menu icon.

Menu Toggle button edit in WordPress

After that, you’ll see something like the image below.

Modify off-canvas Menu in WordPress

Simply click the “+” button under the OFF CANVAS section then select “off-canvas Menu”. Don’t forget to publish to effect your changes.

The off-canvas Menu is already added in the above screenshot but in most cases, you’ll have to add it yourself as explained above.

After this, your mobile WordPress menu should be working. However, to confirm, you’ll need the last step.

Step 4: Test Mobile Menu

To test if your mobile menu is now working, make sure you are still on the mobile appearance view. Next, click the mobile Menu Icon (not the edit button).

Then you’ll see something like this:

menu not working on mobile view

If you see something like this, it simply means, your menu is now working on mobile view.

Another way to test if your Menu is working on mobile view is to visit your website from your smartphone. It may be better to use a private browser like Incognito.

If your WordPress mobile Menu is still not working, you may need to clear the cache on your website or CDN platform to fetch the latest version of your website.

cloudways WordPress hosting
  • Host your websites on a super fast, dedicated and independent server.
  • Break free from cheap and slow Shared hosting service.
  • Enjoy Pay as you use Cloud hosting service for a token.
  • Get $25 FREE after signup.

Conclusion

The above method works if you use the Astra WordPress theme and your menu is not working on mobile view.

Simply follow these steps above to fix it. Or you could watch this video:

Let me know if this method works for you.

You could also read other resourceful guides on Digital Acce:

2 thoughts on “WordPress Mobile Menu Not Working? Fix It Now!”

Leave a Comment

Your email address will not be published.