WordPress Mobile Menu Not Working? Fix It Now!

Do not worry if your WordPress mobile menu is not working. It’s an easy fix. In this post, you’ll learn how to make your menu button work perfectly on mobile view, especially if 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.

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.

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:

First, select your Primary. However, this is for the desktop view on the Astra WordPress theme.

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.

Hit the publish button to save your menu changes.

For further reference, see some other WordPress menu tips.

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).

Next, ensure you switch to mobile view.

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

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

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.

Learn More: What Are Taxonomies In WordPress?

Step 4: Test Mobile Menu

To test if your mobile menu is working, ensure 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:

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

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

Conclusion

After trying all these, and your mobile menu is still not working on your WordPress site, try adding it to the current menu and updating it.

For example, add any random page to your menu list and publish the update.

Sometimes, the mobile menu may stop working after changing to a new theme. So, adding to the menu list is a quick fix.

You may later delete the newly added menu.

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.

The above method works if you use Astra or other WordPress themes 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:

• Videos Are More Important To SEO Than Images Per Our Study
• SEO Misconceptions: 15 Myths Debunked [Truth Unveiled]
• How To Add Multiple Keywords In Free Yoast SEO Plugin
• Retargeting Vs Remarketing: What’s The Difference In Marketing?
• Factors That Determine Success Of An Ad: Run Ads Like A Pro