Category : submenu

I tried to create a side menu bar with sub menu. the sub menu should visible when the cursor touch the main side menu.i used display none and on hover i used display block.the display none is not working for sub menu I also tried visibility hidden but it is also not working please find ..

Read more

I developed a solution with Javascript, but i have not found any solution with css. Because, sidebar fixing was leading to disappear the submenu when click an item. Any css solution was helpful. Thank you… var prevScrollpos = window.pageYOffset; window.onscroll = function () { var currentScrollPos = window.pageYOffset; if (prevScrollpos > currentScrollPos) { document.getElementById(“top-nav”).style.top = ..

Read more

I want the menu link ("Audio") to trigger the submenu, just like the arrow icon (>) next to it: https://i.stack.imgur.com/2WZZo.png Here’s the code: <li class=”level_1__item {% if link_count > 0 %}with_ul{% endif %}”> <a class=”level_1__link” href=”{{ link.url }}”>{{ link.title }}</a> {% if link_count > 0 %} <i class=”level_1__trigger menu_trigger fa fa-angle-right” data-submenu=”submenu_{{ section.id }}-{{ forloop.index ..

Read more

I want to create a responsive drop-down for sub-menu as shown exactly in this link: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_responsive_navbar_dropdown I have tried so many different ways by finding online resources, but still cannot figure what exactly the problem is.. As shown in my code, I want the PHOTOGRAPHY menu to have a drop-down option in both normal and ..

Read more

Description : I got a nav bar with my menu and submenu. I use javascript to make the submenu appear on click Here is my html <ul class=”menu grid-x”> <div class=”logo align-self-middle”> <a href=”#”>LOGO</a> </div> <li class=”item has-submenu align-self-middle grid-x align-middle”> <a tabindex=”0″>Société</a> <ul class=”submenu”> <li class=”subitem text-left”><a href=”#”>Présentation</a></li> <li class=”subitem text-left”><a href=”#”>Nous rejoindre</a></li> <li ..

Read more