Navigation menus are a fundamental part of any website, as they allow visitors to easily access the different sections of your site.

Accessing the Menu Manager

To manage your website menus, log in to the WordPress administration panel and go to:

Appearance → Menus

If you do not see this option, contact soporte@pom.es to request the necessary permissions.

Adding Menu Items

From the left-hand column, you can add different types of content:

If a content type is missing, you can enable it here:

Pages

Add existing pages from your website.

  1. Select the pages you want to include.
  2. Click Add to Menu.

Posts

You can add individual blog posts.

  1. Select the desired posts.
  2. Click Add to Menu.

Categories

Allow direct links to blog categories.

  1. Select the category.
  2. Click Add to Menu.

Custom Links

Used to add external or internal links.

  1. Enter the URL.
  2. Enter the text that will be displayed in the menu.
  3. Click Add to Menu.

Reordering Menu Items

Once added, you can easily change their order:

  1. Click and hold a menu item.
  2. Drag it to the desired position.
  3. The changes will be saved when you click Save Menu.

Creating Submenus or Dropdown Menus

Submenus help organize navigation more effectively.

  1. Drag the item you want to turn into a submenu.
  2. Move it slightly to the right underneath the parent item.
  3. WordPress will automatically display the hierarchical structure.

Example:

  • Services
    • Web Design
    • Online Stores
    • SEO

Changing the Text of a Menu Item

If you want to display a different name from the original page title:

  1. Click on the menu item.
  2. Edit the Navigation Label field.
  3. Save your changes.

Removing a Menu Item

  1. Click on the item you want to remove.
  2. Click Remove.
  3. Save the menu.

Saving Changes

Whenever you make modifications to the menu, remember to click Save Menu so the changes are reflected on the website.

Adding Menus Using Builder Modules

In addition to assigning a menu to the default WordPress menu locations, you can also display it anywhere on the page using builder modules.

To do this, simply add a Menu module wherever you want it to appear and select the menu you wish to display. This allows you to create custom navigation areas in headers, sidebars, landing pages, or footers without depending on the website’s main navigation structure.

 

Advanced Menu Item Options

When editing a menu item under Appearance > Menus, in addition to the link and visible name, you have several advanced options available to customize its behavior and appearance.

Navigation Label

This is the text displayed to users in the menu.

Example:

Terms of Use and Privacy Policy

This text can be different from the actual page title.

Title Attribute

Allows you to add additional descriptive text to the link.

In the past, this was displayed as a tooltip when hovering over the link, although many modern browsers no longer show it visibly.

Example:

View our legal terms and privacy policy.

Open Link in a New Tab

If enabled, the link will open in a new browser tab.

Recommended for:

  • External links.
  • Social media profiles.
  • PDF documents.

It is generally not necessary for internal website pages.

CSS Classes (Optional)

Allows you to add custom CSS classes to the menu item.

This is useful for applying specific styles through code.

Examples:

  • menu-highlight
  • menu-green
  • menu-icon

It is only recommended when custom styling will be applied.

Link Relationship (XFN)

XFN (XHTML Friends Network) is an old system used to indicate the relationship between the website owner and the linked resource.

Today it is rarely used.

Examples:

  • nofollow
  • friend
  • external

In most cases, this field can be left empty.

Description

Allows you to add additional descriptive text to the menu item.

Some themes display this description below the main link.

Example:

Services

Web design, branding, and digital marketing.

If the theme does not support this feature, the description will not be visible.

Display in Languages

Allows you to specify in which language the menu item should be displayed.

Available options:

  • Spanish
  • EU (Basque)
  • EN (English)

If no language is selected, the item will appear in all available languages.

This is especially useful on multilingual websites.

Data Attributes

A field used to add custom attributes to the menu item.

It is typically used for advanced custom functionality developed with JavaScript.

Important:

Values must be entered using single quotes rather than double quotes.

Hide Label (Icon Only)

Hides the menu text and displays only the associated icon.

Ideal for:

  • Social media links.
  • Search icons.
  • User account or cart icons.

Mega Menu

Turns the menu item into a Mega Menu container.

This allows large content blocks with columns, images, and links to be displayed.

Very useful for:

  • Online stores.
  • Corporate websites with many sections.
  • Service portals.

Column Labels

Allows the item to function as a column heading within a Mega Menu.

This helps visually organize grouped links.

Linked Labels

Determines whether the column label is clickable or serves only as a visual heading.

Enabled

Users can click the title.

Disabled

The title serves only as a heading.

Mega Menu Background Image

Allows you to select a background image for the Mega Menu.

Can be used to:

  • Display corporate photography.
  • Highlight promotions.
  • Improve the visual appearance of the dropdown.

Button Design Link

Turns the menu item into a visually highlighted button.

Ideal for calls to action such as:

  • Contact Us.
  • Book an Appointment.
  • Request a Quote.
  • Buy Now.

Button Style

Allows you to choose the appearance of the button.

For example:

  • Button 1 – Blue background.
  • Button 2 – Dark background.
  • Transparent button.
  • Outlined button.

The available styles will depend on the theme configuration.

Select Icon

Allows you to add an icon to the menu item.

Some examples:

  • Phone.
  • Email.
  • User.
  • Shopping Cart.
  • Arrow.

Icons help improve the visual identification of each link.

Select Icon Position

Defines where the icon appears relative to the text.

Common options:

  • Before the label.
  • After the label.
  • Icon only.

Example:

📞 Contact

or

Contact 📞

Move

Allows you to change the position of the item within the menu without dragging it.

Options:

  • Move up.
  • Move down.
How to add/edit product attributes
Previous
How to flush cache on Pomatio
Next