Reply To: Custom CSS code in responsive menu

Hello,

Thank you so much purchasing our theme and contacting our support center.

Try to add the following code snippet to the Custom CSS area in Theme Settings.

@media (max-width: 991px) {

body .main-header .widgetarea-head {
	display: table-cell;
	font-size: 0;
}
	
body .main-header .site-logo {
	width: 20%;
}
	
body .wrapp-header {
		position: relative;
	}
	
body .right-column .mobile-nav-icon {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
	
body .main-header .mobile-nav-icon {
	margin-left: 0;
}
	
body .sticky-header .container {
	height: 60px;
}
	
body .sticky-header .site-logo {
	position: absolute;
	width: 20%;
	left: 50%;
	transform: translateX(-50%);
}
}

Kind Regards
XTemos Studio