To adjust Astra MenuThe typography of the items can be modified directly through the theme customization options. This operation allows the menu to be more in line with the brand style and design needs, making the overall style of the site more uniform and professional.
This article describes how to change the layout of multiple menu items, including the main menu, sub-menus, sub-menus (Pro functions), and theMega MenuTitle (Pro Function).
The following steps may not work properly if the site has transparent headers enabled. Please refer to Transparent Header Settings for more information.
![图片[1]-如何更改 Astra 菜单项的排版](https://www.361sale.com/wp-content/uploads/2025/04/20250409135818355-image.png)
main menu
The main menu is located at the top of the website and usually contains links to the main pages or categories. It is the menu most often used by visitors when navigating a website.
Customization Steps:
- exist WordPress instrument panels In the Appearance > Customization >
head builder > Main MenuThe - switch to "Design." Tags.
- Scroll down to FontsClick Menu Fonts Next to the pencil icon.
- This opens the option to modify the appearance of the main menu, allowing the user to adjust the Font Series,thickness of font,font size respond in singing Font DecorationThe
![图片[2]-如何更改 Astra 菜单项的排版](https://www.361sale.com/wp-content/uploads/2025/04/20250409140415706-image.png)
These options allow the user to modify the font style of the main menu items according to the needs of the site.
secondary menu
If a secondary menu is used on the site to display additionalmenuitem, you can adjust the typographic style.
Customization Steps:
- switch to Appearance > Customize > Header Builder > Secondary MenuThe
- go into "Design." Tags.
- Scroll down to FontsClick Menu Fonts Edit with the pencil icon next to it.
![图片[3]-如何更改 Astra 菜单项的排版](https://www.361sale.com/wp-content/uploads/2025/04/20250409140600348-image.png)
Similar to the main menu, users can customize the font style of the secondary menus to keep the overall design of the site consistent.
Sub-menu (Pro function)
Submenus are secondary menus that are accessed through the main menu item and are usually displayed when the user hovers over or clicks on the main menu item. This feature requires Astra Pro Addon plug-in and requires activation of the Pro version.
![图片[4]-如何更改 Astra 菜单项的排版](https://www.361sale.com/wp-content/uploads/2025/04/20250409140609937-image.png)
Custom Steps (Pro Function):
- activate Astra Pro Addon After transferring to Appearance > Customize > Head Builder > Main MenuThe
- Scroll down to FontsFind "Submenu fonts" Options.
- strike (on the keyboard) Submenu Fonts Next to the pencil icon, adjust the font style.
![图片[5]-如何更改 Astra 菜单项的排版](https://www.361sale.com/wp-content/uploads/2025/04/20250409140618879-image.png)
Users can set different layout styles for sub-menu items using this function to make the menu look more coordinated.
Super Menu Title (Pro Function)
A mega menu is usually an expandable navigation area that contains more than just text links. If a mega menu is used, the user can adjust the font style of its title.
Custom Steps (Pro Function):
- switch to Appearance > Customize > Head Builder > Main MenuThe
- Scroll down to FontsFind "Supermenu Title" Options.
- strike (on the keyboard) Supermenu Title Next to the pencil icon, modify the font style.
![图片[6]-如何更改 Astra 菜单项的排版](https://www.361sale.com/wp-content/uploads/2025/04/20250409140626853-image.png)
Customizing the typography of the mega menu titles can help enhance the appeal of the navigation area and make the area stand out more.
summarize
With these simple steps, users can easily adjust the Astra Typography of main menu, sub-menu, sub-menu and mega-menu titles in the theme. These customization options can help the site enhance brand consistency and professional appearance. If you encounter any issues while changing the typography, feel free to contact the support team for assistance.
Related articles
Link to this article:https://www.361sale.com/en/49463/The article is copyrighted and must be reproduced with attribution.


















![表情[wozuimei]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

No comments