Menü içindeki bir submenu linke sahip ancak onun da altında menü elemanları var, dolayısıyla toggle görevi görüyor. Bu submenünün tıklanabilir olmasını sağlamak istityorum. Nasıl yapabiliriz? Yani submenu -1'e tıklanınca sahip olduğu linkin açılmasını istiyorum.
Menü görünümü şu şekilde.


Kodlar şu şekilde;
<nav class="site-header__navigation"><ul id="menu-main-navigation" class="menu"><li id="menu-item-1961" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1961 open"><a href="#">Test 1</a>
<ul class="sub-menu" style="display: block;">
<li id="menu-item-1970" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1970"><a href="https://leadstar.us/year-to-rise/">Submenu -1</a>
<ul class="sub-menu" style="display: block;">
<li id="menu-item-1702" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1702"><a href="https://leadstar.us/what-is-leadership-coaching/" style="
padding-left: 20px;
">Item -4</a></li>
</ul>
</li>
<li id="menu-item-1962" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1962"><a href="https://leadstar.us/workshops/">Menu item</a></li>
<li id="menu-item-1963" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1963"><a href="https://leadstar.us/strategy-and-development/">Menu Item</a></li>
</ul>
</li>
</ul></nav>