Separator item to dropdown menu

Hi. Please help to understand.
In the site menu there is a separator item, when you hover on it opens drop-down menus.
But, the separator item refers to the page. If you click on this item you will see a page without content.
How to make this item a separator without a link to page
Where to read about it?
Thanks so much!

The code that works in the menu

{% macro loop(page) %}
{% for p in page.children.visible %}
{% set current_page = ( or p.activeChild) ? 'uk-active' : '' %}
{% if p.children.visible.count > 0 %}
    <li class="uk-parent {{ current_page }}" data-uk-dropdown="" aria-haspopup="true" aria-expanded="false">
        <a class="uk-navbar-nav-subtitle" href="{{ p.url }}">{{ }}</a>
    <div class="uk-dropdown uk-dropdown-small uk-dropdown-bottom uk-dropdown-width-1">
        <div class="uk-grid uk-dropdown-grid">
            <div class="uk-width-1-1">
                <ul class="uk-nav uk-nav-navbar">
                {{ _self.loop(p) }}
{% else %}
    <li class="{{ current_page }}">
        <a class="uk-navbar-nav-subtitle" href="{{ p.url }}">
            {{ }}
{% endif %}
{% endfor %}
{% endmacro %}

<ul class="uk-navbar-nav uk-visible-large">
{{ _self.loop(pages) }}