Divi Theme - Responsive Menu

style.css

#main-header #et-top-navigation {
	float: none;
	padding: 0;
}

#top-menu-nav {
	display: none;
}

#et_mobile_nav_menu {
	display: block;
}

#main-header #et_mobile_nav_menu .mobile_menu_bar::before,
#main-header #et_mobile_nav_menu .mobile_menu_bar::after { 
	-webkit-transition-duration: 0.3s, 0.3s;
	transition-duration: 0.3s, 0.3s;
	-webkit-transition-delay: 0.3s, 0s;
	transition-delay: 0.3s, 0s;
}

#main-header #et_mobile_nav_menu .mobile_menu_bar {
	background-color: transparent;
	cursor: pointer;
	display: inline-block;
	height: 26px;
	position: absolute;		
	right: 20px; 
	top: 30px;
	width: 30px;
}

#main-header #et_mobile_nav_menu .mobile_menu_bar::before { 
	border-bottom: 2px solid #ff6457;
	border-top: 2px solid #ff6457;
	content: "";
	display: inline-block;
	height: 0;
	left: 0;
	padding: 6px 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 20;
	-webkit-transition-property: top, -webkit-transform; 
	transition-property: top, transform;
}

#main-header #et_mobile_nav_menu .mobile_menu_bar::after {
	border-top: 2px solid #ff6457;
	content: "";
	display: inline-block;
	height: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 7px;
	-webkit-transition-property: bottom, -webkit-transform;
	transition-property: bottom, transform;
}

#main-header #et_mobile_nav_menu .opened .mobile_menu_bar::before {
	top: 7px;
	border: none;
	background-color: #ff6457;
	padding: 0;
	height: 2px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

#main-header #et_mobile_nav_menu .opened .mobile_menu_bar::after {
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#main-header #et_mobile_nav_menu .opened .mobile_menu_bar::before,
#main-header #et_mobile_nav_menu .opened .mobile_menu_bar::after {
	-webkit-transition-delay: 0s, 0.3s;
	transition-delay: 0s, 0.3s;
}

#main-header #et_mobile_nav_menu {
	float: none;
}

#main-header #et_mobile_nav_menu ul {
	list-style-type: none;
	padding: 0;
}

#main-header #et_mobile_nav_menu #mobile_menu {
	background-color: #ff6457 !important;
	border: none;
	box-shadow: none;
	list-style-type: none;
	padding: 0;
	position: static;
}

#main-header #et_mobile_nav_menu #mobile_menu li {
	padding: 0;
	border: none !important;
	background-color: transparent !important;
	margin: 0;
}

#main-header #et_mobile_nav_menu #mobile_menu li a {
	background-color: transparent !important;
	padding: 5px 20px !important;
	color: #fff !important;
	font-weight: 400;
	border: none;
	opacity: 1 !important;
	font-size: 14px;
}

#main-header #et_mobile_nav_menu #mobile_menu li a:hover,
#main-header #et_mobile_nav_menu #mobile_menu li.current-menu-item > a {
	background-color: rgba(0,0,0,0.1) !important;
}

#main-header #et_mobile_nav_menu #mobile_menu li li a {
	padding: 5px 40px !important;
}