How to remove sub-items from a Structure navigation item?

Question

I am completely new to Expression Engine and I am trying to reverse engineer a site that someone else built. From what I understand, there is a plugin called "Structure" which controls the main navigation of the site.

{exp:ce_cache:escape}
    {exp:ce_cache:it:nested id="topnav" global="no" seconds="3600"}
        {exp:structure:nav start_from="/" show_depth="2" max_depth="2" add_unique_ids="yes" css_class="topnav" css_id="none" current_class="current" include="3|4|5|17|18" exclude="10"}
    {/exp:ce_cache:it:nested}
{/exp:ce_cache:escape}

There is a navigation item which contains too many sub-items (which results in a really long drop-down), so my task is to hide the sub-items while keeping the page that they link to. I went to the "Structure" section of admin and only found the ability to delete pages.

How can I hide the drop-down for this particular nav item?

Answer 1

If I am understanding you, you would like to hide all the subitems and keep the main navigation unchanged? This can be done by changing show_depth="2" to show_depth="0". That way all you will see is the main navigation and there will no longer be a dropdown for the subitems.

{exp:ce_cache:escape}
    {exp:ce_cache:it:nested id="topnav" global="no" seconds="3600"}
        {exp:structure:nav start_from="/" show_depth="0" max_depth="2" add_unique_ids="yes" css_class="topnav" css_id="none" current_class="current" include="3|4|5|17|18" exclude="10|#|#|#|#"}
    {/exp:ce_cache:it:nested}
{/exp:ce_cache:escape}

Answer 2

I learned that the Structure plugin does not provide a way of controlling the depth of an individual navigation item, so I came up with a hack to address this issue. By using a little bit of Javascript, I am removing the subnav/dropdown <ul>:

<script type="text/javascript">
  var ul = document.getElementById('my-nav-item').getElementsByTagName('ul')[0];
  ul.parentNode.removeChild(ul);
</script>