@j4cob do you have time to look into this?
In case it helps anyone I ended up hacking it up. I added logic so that if it’s a single page, this JS is added. Forcing the slide-out effect since on my site it was being ignored on single pages only. This is very close to the default effect. Close enough. This mixed with a couple of CSS changes.
<script>
jQuery(document).ready(function() {
jQuery('.wp-bottom-menu-search-form-trigger').click(function() {
if (jQuery('.wp-bottom-menu-search-form-wrapper').hasClass('sf-active')) {
jQuery('.wp-bottom-menu-search-form-wrapper').animate({bottom: "-100%"}, 300, function() {
jQuery(this).removeClass('sf-active').attr('style', '');
}).css('z-index', '-1');
} else {
jQuery('.wp-bottom-menu-search-form-wrapper').addClass('sf-active').css({
'z-index': '99999',
'bottom': '86px'
});
}
});
});
</script>
Plugin Author
J4
(@j4cob)
Hi @wilcosky,
As you know there are hundreds of combinations in wp. the best solution for now is to add custom code like you did.
And maybe z-index option help you. WP Bottom Menu > Settings > Menu Z-Index
-
This reply was modified 2 years ago by
J4.