In the Layers panel, you’ll see the previous horizontal menu component is hidden for you automatically. On the mobile viewport, you’ll find a hamburger menu in the top right corner by default. Let’s change the text color to pink.Ĭascading rules apply here, so these style changes will be reflected on smaller breakpoints.
Let’s rename it as Main Menu.įrom the floating action bar under Design, you can edit the color, corners, shadow effect, text and spacing of this menu. Here you can rename, duplicate, or delete if it’s not in use. From the dropdown, go to Manage All Menus. Now let’s rename this menu to stay organized. Now you can select ‘Move to Dropdown’ or drag items underneath it to the right. Go to Show Pages and select the pages you want to add to the dropdown. Once you select it, an unclickable item will be added to your menu. You can select the Link icon to add new menu items that link to other destinations like a web address, page, document, and email. Use these 4 dots on the left to grab an item and drag to rearrange the order. They'll now appear as items on your menu.Ĭlick the 3 dots next to each item to change the link, rename the page it belongs to, remove it from the menu, and manage the page settings. Select the pages you want to show, then click Apply. Here you’ll find a list of the existing pages on the site.
Select Show Pages to choose which pages you want displayed on your menu. Go to Manage Menu to set up and manage the menu data. When starting with a blank canvas, you’ll find a menu component in the right corner of the header, with a “ Home” item by default. Let’s start by setting up this main menu. The site we’ll be working on has 5 pages.
#Xmenu change text tag how to#
We’ll review how to set up a site menu, how to design it per breakpoint and how to add additional custom menus for specific site pages. Let’s explore how to use custom menus on Editor X.
0 kommentar(er)
