Sign in

Question about submenu

#3173
Bob

{{#unless}} is the opposite of {{#if}}. So if we want to exclude <nav> element from the submenus (it wouldn’t be semantic) we should use the {{#unless level}} helper for that:

{{#unless level}}
<nav>
{{/unless}}
<ul{{#if level}} class="submenu submenu-level-{{level}}"{{else}} class="menu menu-level-1"{{/if}}>
{{#each items}}
<li{{menuItemClasses}}>
{{#if link}}
<a href="{{menuUrl}}"{{#if title}} title="{{title}}"{{/if}}{{#if target}} target="{{target}}"{{/if}}{{#if rel}} rel="{{rel}}"{{/if}}>{{label}}</a>
{{else}}
<span{{#if title}} title="{{title}}"{{/if}}>{{label}}</span>
{{/if}}
{{#if items}}
{{> menu}}
{{/if}}
</li>
{{/each}}
</ul>
{{#unless level}}
</nav>
{{/unless}}

in short: if your menu generates submenus (more levels) the nav container will be used only one.

--
Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!