Astra Theme is one of the very popular themes in WordPress that is not only easy to use but also highly customizable. Setting up a navigation menu is an integral part of every website design, and the Astra theme provides us with simple and flexible options to accomplish this. In this article, we will explain in detail how to set up a navigation menu in the Astra ThemeSet up a navigation menu on the top and provide clear steps to follow.
Astra Theme Introduction
Astra Theme is a lightweight, multi-purpose WordPress theme developed by Brainstorm Force, offering fast loading speeds and high customizability for various types of websites such as blogs,Enterprise siterespond in singingE-commerce platformThe Astra theme has more than 1 million users worldwide. With more than 1 million users worldwide, Astra themes are widely acclaimed and favored for their ease of use, flexibility and excellent performance.
Astra Theme Benefits:
- Lightweight and fast: Astra theme loads very fast and optimizes website performance, which can greatly improve user experience and SEO ranking. Users don't need to worry about slow loading pages, ensuring that visitors can browse the site smoothly.
- Built-in templates: Provide a variety of pre-designed templates to help users launch their websites quickly, suitable for blogs, e-commerce, corporate websites and more.
- Multi-language support: Compatible with WPML and Polylang plugins for multilingual websites.
- Free and Pro versionsAstra offers a free version and a more powerful Pro version, which you can choose according to your needs.
![Image[1]-Astra Theme Tutorial: How to set navigation menu on Astra Theme](https://www.361sale.com/wp-content/uploads/2025/03/20250320150029196-image.png)
procedure
1. Login to the WordPress administrator backend
- Open the site and log in to the WordPress backend > click "exterior condition" > Click "menu"
![Image [2]-Astra Theme Tutorial: How to set navigation menu on Astra Theme](https://www.361sale.com/wp-content/uploads/2025/03/20250321165928134-image.png)
2. General menu settings
- Select the desired content to add to the menu's page, for example, by clicking on "Contact", then click on "Add to menu"so."contact"The page then loads into the blue box (Mene structure(I'm sorry, I'm sorry.)
![Image [3]-Astra Theme Tutorial: How to set navigation menu on Astra Theme](https://www.361sale.com/wp-content/uploads/2025/03/20250320144146662-image.png)
- Then start to arrange the menus (primary, secondary and tertiary menus), e.g. by clicking on the "help" page and moving to the
right-drag Sub-menus can be generated.
![Image [4]-Astra Theme Tutorial: How to set navigation menu on Astra Theme](https://www.361sale.com/wp-content/uploads/2025/03/20250320144506686-image.png)
- Adjusting the position of the main menu page
![Image [5]-Astra Theme Tutorial: How to set navigation menu on Astra Theme](https://www.361sale.com/wp-content/uploads/2025/03/20250320145000735-image.png)
- Click on "create a new menu" Create new menu > Click "Menu Name"Enter the menu name.
![Image [6]-Astra Theme Tutorial: How to set navigation menu on Astra Theme](https://www.361sale.com/wp-content/uploads/2025/03/20250320145233152-image.png)
3. Super Menu Settings
- Super Menu is required to openAstra ProFunctions that can only be used
![Image [7]-Astra Theme Tutorial: How to set navigation menu on Astra Theme](https://www.361sale.com/wp-content/uploads/2025/03/20250321170001828-image.png)
- The free version is not clickable "Astra Menu Setting" option to display the locked status.
![Image [8]-Astra Theme Tutorial: How to set navigation menu on Astra Theme](https://www.361sale.com/wp-content/uploads/2025/03/20250321170049331-image.png)
Click "Astra Menu Setting", go to the super menu edit page and open "Mega Menu" option to set the width and customization options according to your needs
![Image [9]-Astra Theme Tutorial: How to set navigation menu on Astra Theme](https://www.361sale.com/wp-content/uploads/2025/03/20250321170220202-image.png)
- Continue to set up the other levels of the menu as shown below to set up the secondary menu "As Heading" and "disable Link"
![Image [10]-Astra Theme Tutorial: How to set navigation menu on Astra Theme](https://www.361sale.com/wp-content/uploads/2025/03/20250321170445777-image.png)
- The effect after setting is the same as in the picture below.
![Image [11]-Astra Theme Tutorial: How to set navigation menu on Astra Theme](https://www.361sale.com/wp-content/uploads/2025/03/20250321170638849-image.png)
summarize
Setting up a navigation menu on Astra Theme is a very simple process, and based on the tutorial in this article, I hope you all can set up your own personalized menu style. If you want to know more about Astra theme related settings, please watch this articleAstra Theme Nanny Tutorial", the article from the menu, page setup,Template Settingsetc., covering all the operation of Astra theme teaching, if you can read this article, I believe you are already a master in the field of Astra theme.
Link to this article:https://www.361sale.com/en/46807
The article is copyrighted and must be reproduced with attribution.
No comments