-
Add class
always-visitable
to parent items you want to be visitable; -
Add this js code after the row
if ( $(this).is(top_level_link) ) {
:
if ($(this).parent().hasClass('always-visitable')) {
$('<a class="hover-link"></div>')
.attr('href', $(this).attr('href'))
.on('click', function(e){ e.stopPropagation(); })
.appendTo($(this));
}
- Add this css:
#main-header .et_mobile_menu .always-visitable {
position: relative;
/* this li is clickable. change ui accordingly! */
}
#main-header .et_mobile_menu .always-visitable .hover-link {
position: absolute;
top: 0; left: 0; bottom: 0;
/* leave some space so right area works. you decide how much */
right: 60px;
/* for debugging — delete */
background-color: #ff0;
opacity: 0.3;
}
Hi @fazen and @csgaraglino
Do you have an issue of automatic re-direction after a few seconds when selecting the parent item i.e. when the sub menu items are expanded after a few seconds you are re-directed to the parent page if nothing is selected?
If you have any ideas of stopping the automatic re-direction I would be most grateful.
Thanks Mark