Not creating a menu or setting primary menus are some of the main reasons for the Astra Theme Mobile Menu Not Showing.
In this blog post, I help you solve your problem of the mobile menu not showing by checking all the little information, such as creating a menu, managing menu location, and customizing the toggle button.
Another common issue users face with the Astra theme is mobile menu is not clickable, which is commonly due to cache plugins.
Method 1: Create and Set Menu
The first step is to check if you have created and set your menu properly.
Let’s start by checking and creating a menu for your website. For this, you can log on to your WordPress account and then Go to Appearance -> Choose Menus -> Create new Menu or Modify Existing Menu.
Give your menu a name such as “Header Menu,” “Primary Menu,” or “Mobile Menu, if different from the web version,” as these are easy to remember.
You will have multiple options to choose from in Menu Settings at the bottom, and you can use the primary menu by default. These will be used as the mobile menu. Now save it.
Method 2: Set Off-Canvas Menu from Manage Locations
The second method is to set Off-Canvas Menu if you already have a menu created. To do that, follow the steps below:
- Click the Appearance —> Menus on your WordPress dashboard page.
- Select Manage Locations, and choose the desired menu from the checkbox on the Off-Canvas Menu.
- Click the Save Menu button to save the above settings.
Now when you browse your website page on a mobile web browser, all the menus can be seen and clicked correctly.
Method 2: Customize Menu Toggle Button
You can also set the design and customize which menus to show on your mobile’s header by customizing the toggle button.
- Go to Customize
- Choose Site Identity
- Select Site Title & Logo Settings
- Click on Off-Canvas Menu
- Select the Configure menu from Here.
- Choose the off-canvas mobile menu.