How to change the layout of Astra Theme Menu

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 菜单项的排版

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 菜单项的排版

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 菜单项的排版

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 菜单项的排版

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 菜单项的排版

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 菜单项的排版

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


Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!
客服微信
Customer Service
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) E-mail: [email protected]
Working hours: Monday to Friday, 9:30-18:30, holidays off
© Reprint statement
本文作者:托尼屎大颗
THE END
If you like it, support it.
kudos153 share (joys, benefits, privileges etc) with others
commentaries sofa-buying

Please log in to post a comment

    No comments