Hi, I have a problem generating a menu via pages plugin. I was following this guide and all works almost fine, but there is a class automatically generates that is disturbing me. This is my code:

  <ul class="nav navbar-nav navbar-right">
    {% for item in items %}
    <li>
      <a class="{{ item.isActive or item.isChildActive ? 'active' : '' }}" href="{{ item.url }}">{{ item.title }}</a>
      {% if item.items %}
        {% partial 'menu-items' items=item.items class='dropdown' %}
      {% endif %}
    </li>
    {% endfor %}
  </ul>

And the resulting structure is

  <ul class="nav navbar-nav navbar-right">
    <li>
      <a class="active" href="/">Home</a>
      <ul class="nav navbar-nav navbar-right"> **/ this is the dropdown menu 
        <li> <a href="">Link 1</a> </li>
        <li> <a href="">Link 2</a> </li>
         ....
    </li>
  </ul>

I need to substitute the css class of the dropdown ul tag for a simple class="dropdown", but i can't find where can I make it.

=>When insert static menu
=> {% component 'staticMenu' %}
=> Click on component letter
=> before search icon connection icon will show
=> click on that icon {% if staticMenu.menuItems %}

{% partial staticMenu ~ "::items" items=staticMenu.menuItems %}

Last updated 6 years ago