-
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;
}
You, my friend @fazen, are an absolute star! Thank you for improving my reputation with the marketing department. ;)