Own widget
Hello,
we've created our own widget to display a menu in the side section. We used your CSS codes to open the menu entries on hover "submenus-hover". But what we were unable to implement the CSS correct, so that the menu entries that lead to the current document are open. We used "submenu-active" but that opens to much entries.
Here's our code:
<div class="widget_mfn_menu details">
<h3>Test:</h3>
<ul class="menu">
<li class="page_item"><a href=#">Main</a>
<ul class="submenu-active">
<li class="page_item"><a href=#">Main 1</a>
<ul class="submenu-active">
<li class="page_item"><a href=#">Main 1-1</a>
<ul class="submenu-active">
<li class="current_page_item"><a href=#">Main 1-1-1</a></li>
<li class="page_item"><a href=#">Main 1-1-2</a></li>
</ul>
</li>
<li class="page_item"><a href=#">Main 1-2</a></li>
</ul>
</li>
<li class="page_item"><a href=#">Main 2</a>
<ul class="submenus-hover">
<li class="page_item"><a href=#">Main 2-1</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
This way it opens also the menu for Main 2 and Main 2-1.
Can you help us on implementing the CSS styles in the correct way. Thanks!
regards
josef
we've created our own widget to display a menu in the side section. We used your CSS codes to open the menu entries on hover "submenus-hover". But what we were unable to implement the CSS correct, so that the menu entries that lead to the current document are open. We used "submenu-active" but that opens to much entries.
Here's our code:
<div class="widget_mfn_menu details">
<h3>Test:</h3>
<ul class="menu">
<li class="page_item"><a href=#">Main</a>
<ul class="submenu-active">
<li class="page_item"><a href=#">Main 1</a>
<ul class="submenu-active">
<li class="page_item"><a href=#">Main 1-1</a>
<ul class="submenu-active">
<li class="current_page_item"><a href=#">Main 1-1-1</a></li>
<li class="page_item"><a href=#">Main 1-1-2</a></li>
</ul>
</li>
<li class="page_item"><a href=#">Main 1-2</a></li>
</ul>
</li>
<li class="page_item"><a href=#">Main 2</a>
<ul class="submenus-hover">
<li class="page_item"><a href=#">Main 2-1</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
This way it opens also the menu for Main 2 and Main 2-1.
Can you help us on implementing the CSS styles in the correct way. Thanks!
regards
josef
Comments
what you ask for, requires files customization what in reference to Item Support Policy is not allowed. So if you want to modify files and don't know how, you should contact with your web developer.
Thanks!