Menu item as a non clickable text title

Hi @andrewcodes404 – there are two ways:

1. Enter # as the URL for the top-level menu item that item you want to be unclickable, or
2. Toggle on the “Open on click” option, in the Navigation block’s Submenu settings area, as you see below. This option automatically turns the top-level item into a toggle that opens and closes the sub-menu, without making it a clickable item itself.

Let me know how it goes!

But what about the fields ” Link title” and “Description”. How do I get that information on the frontend?

Oops, sorry I missed the second part of your question.

The link title appears when you put your mouse over a menu item. Two things to keep in mind:

• since this is similar to a “hover” state, it won’t be visible on mobile devices
• title attributes aren’t great for accessibility

For both reasons, link titles shouldn’t be relied on for critical information you need all visitors to see.

As for the link description, I don’t think there’s a way to display those in block themes using the Site Editor, yet. There’s an enhancement request for that here. The “link description” is displayed on the front end in some classic themes, such as Twenty Fifteen:

A workaround for now would be to display the link description via some custom CSS. You could also add extra styling here as well.

/* Display link description on navigation items */
.wp-block-navigation .wp-block-navigation-item__description {
  display: inherit;
}

While the Customizer is not exposed by default when using Site Editing, you can still access it manually by adding /wp-admin/customize.php after your URL. You can then add custom CSS in the Additional CSS area.

You’re very welcome.

I’ll mark this thread as resolved, but feel free to make a post post for other questions.