Comments by Banerjee Tanmoy (Top 12 by date)

Thank you sir, I better get rid of it and try to make one for me from scratch and try to increase my level in the field of CSS and HTML.

But for this question I think there may be solution hidden in the javascript which is called by mane; I am giving it for reference, if it helps

var mainMenu = (function() {

var $listItems = $( '#mainmenu > ul > li.has-submenu' ),
$menuItems = $listItems.children( 'a' ),
$body = $( 'body' ),
current = -1;

function init() {
$menuItems.on( 'click', open );
$listItems.on( 'click', function( event ) { event.stopPropagation(); } );
}

function open( event ) {

var $item = $( event.currentTarget ).parent( 'li.has-submenu' ),
idx = $item.index();
if($item.length != 0){
if( current !== -1 ) {
$listItems.eq( current ).removeClass( 'mainmenu-open' );
}

if( current === idx ) {
$item.removeClass( 'mainmenu-open' );
current = -1;
}
else {
$item.addClass( 'mainmenu-open' );
current = idx;
$body.off( 'click' ).on( 'click', close );
}
return false;
}
else window.location = $item.find('a').attr('href');
}

function close( event ) {
$listItems.eq( current ).removeClass( 'mainmenu-open' );
current = -1;
}

return { init : init };

})();