I agree with you, this is a feature that should be added.
The thing is that I’m not that great at jQuery/JS, so I can’t just add it unless I do some research or get some help from friends.
I will look into this more today and see.
Edit: here is one implementation of it:
– https://github.com/presscustomizr/hueman/commit/234da6ae31d345a7957f69d8e63e91ecb0d1f2d5
– https://github.com/presscustomizr/hueman/commit/234da6ae31d345a7957f69d8e63e91ecb0d1f2d5#diff-2ed7988613f58478282b2c1e69d7f9fd
There should be much easier ways to do this.
Thread Starter
ckubs
(@ckubs)
Thank you. I’ll look at it and use it that way. Untill you figure out a way to implement it in themes would be nice though, if it’s possible, to remove !important from .nav ul in the next update.
Yeah I noticed that class there messing up potential fixes. Will make sure to remove it in the next update, unless it breaks something important.
Try the following:
In /js/scripts.js, on line 150, add the following:
$('.nav li').on('hover', function() {
setTimeout(function() {
slide($('.nav-wrap .nav'));
}, 200);
});
And in style.css on line ~597, you should see:
.nav ul { display: block!important; margin-left: 40px; }
Change that to:
.nav ul { display: block; margin-left: 40px; }
And finally, add this to line ~588 in style.css:
.nav li > a:after,
.nav > li > a:after { float: right; }
Thread Starter
ckubs
(@ckubs)
It works only on computer for the header menu. The footer one and both on mobile don’t expand when dropdown is open and what goes out the fixed container gets hidden.
I’m not a dev, but if I’ll find something to make this better, maybe an on click solution I’ll post it here.
I see the issues now, will work on something better. If you find a better solution, please share.