Closing menu with an outside click

Hey guys,

I need some help with header menu dropdown bar. I want it to be closable, clicking everywhere (not only menu sign)
Here is the code I have rn:

/*********************************
style mobile fixed header
*********************************/

.et_fixed_nav #main-header.et-fixed-header {
position: fixed;
background: rgba(0,173,239,0.8);
height: 55px;
}

.et-fixed-header .logo_container {
height: 55px;
}

.et-fixed-header .mobile_menu_bar {
padding-bottom: 5px;
}

/*********************************
make mobile fixed header navigation icon larger
*********************************/

.et-fixed-header .mobile_menu_bar:before {
font-size: 45px;
color: black;
}

.et_header_style_left .et-fixed-header #et-top-navigation {
padding-top: 5px;
}

.et_fixed_nav #et-top-navigation {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}

/**************************
Increase height of logo area on mobile and mobile fixed header
***************************/
#logo, .et-fixed-header #logo {
max-height: 80%;
}

}