Hello,
Please do some additional customization in files on your child theme. 1) Add this code in xstore-child/js/etheme.js
$(document).ready(function(){ let navbar = $('.navbar-header'); navbar.on('click', '.login-link > a', function(e){ e.preventDefault(); let _this = $(this).parents('.login-link'), sub = _this.find('.menu-main-container'); if ( (e.target).closest('.login-link .menu-main-container') ) return; sub.toggleClass('active'); }); });
2) xstore-child/functions.php – add –
function etheme_enqueue_scripts_custom() { wp_enqueue_script('etheme-child', get_stylesheet_directory_uri().'/js/etheme.js',array(),false,true); } add_action( 'wp_enqueue_scripts', 'etheme_enqueue_scripts_custom');
3) xstore-child/style.css
.login-link:hover > .menu-main-container:not(.active) { opacity: 0; visibility: hidden; } .login-link > .menu-main-container.active { opacity: 1; visibility: visible; }
Let me know the result.
Regards
