10Web Help Center

Hi, how can we help?

Website Navigation Menu From Editor

Copy article URL

in this article

The main settings for your website’s navigation menu are managed in the WordPress dashboard under Appearance → Menus. However, you can also access and modify the navigation menu for a specific page’s header directly in the 10Web Builder. This guide shows you how to find and manage the navigation menu from the builder interface.

How to find the navigation menu in 10Web Builder

  1. Open the page editor by navigating to Edit with 10Web Builder.
  2. At the top of the page, click on Structure.
  3. In the structure panel, select Navigation Menu to open the editing section.

Navigation menu

You can edit the current page’s navigation menu from the Navigation Menu section.

  • Click the + icon to add a new menu item. You can add from the following:
    Pages
    Posts
    Post Categories
    Products
    Product Categories
    Product Collections
    Custom Links
  • To edit a menu item, click the ⚙️ icon next to it.
  • Drag and drop menu names to reorder them according to your preferences.
  • To create a dropdown submenu, place the item slightly to the right beneath the main menu item.

Pages

  • You can reorder items in the Pages list by dragging them up or down to the Navigation menu.
  • To edit a page with 10web Builder, click the pencil icon.
  • To edit the information shown in the navigation menu, click the ⚙️ icon next to the menu name:

    Title: Modify the title shown in the menu.
    URL Slug: Edit the slug used in the menu link URL.
    Page Status: Choose whether the page is publicly visible or saved as a draft (visible only in the editor).
    Show in navigation menu: Toggle whether the page is displayed in the navigation menu.
    Set as home page: Enable to make this page your website’s front page.
    Duplicate: Create a copy of the page for editing.
    Edit page: Opens the page in editing mode.
    Move to Trash: Permanently deletes the page.

Important:

After making changes, always click Save to apply them.

Posts

  • Click the pencil icon to choose whether to edit the Post Template or the Post Content.
  • To edit how the post appears in the navigation menu, click the ⚙️ icon next to the menu name:
    Title: Edit the post title in the menu.
    URL Slug: Change the slug in the URL.
    Show in navigation menu: Choose whether this post is shown in the menu.
    Edit Single Post Template: Modify the layout and design of individual posts.
    Edit post content: Edit the post content directly from the WordPress editor.

Products

  • Click the pencil icon to edit either the Single Product Template or the Product Content.
  • To edit how the product appears in the navigation menu, click the ⚙️ icon next to the product name:
    Title: Change the product title as shown in the menu.
    URL Slug: Edit the product’s URL.
    Show in navigation menu: Decide if the product appears in the navigation menu.
    Edit Single Product Template: Customize the design for single product pages.
    Edit product content: Modify the product’s content from the WooCommerce product section.

Templates

To customize the overall layout and design of your site, go to the Templates section. Here you can modify templates used across pages, posts, and products of the website.

Note:

Using the 10Web Builder, you have fine control over how each menu item appears and behaves, without needing to return to the WordPress menu settings.

in this article