Mobile Header Info

Hello,

You can consider trying this CSS code:
[ch_pre type="css"]@media (max-width: 991.98px) {
#primary-menu-trigger {
order: 1;
}

#logo {
	order: 2;
	margin-left: auto;
	margin-left: auto;
}

.header-misc {
	order: 3;
}

.primary-menu {
	order: 4;
}

}[/ch_pre]

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Hello,

We Apologize for the Inconveniences, however, we currently do not provide Customization related Support according to the Item Support Policy: https://themeforest.net/page/item_support_policy . You will need to manually code this or Hire a Freelancer to help you out.

Consider using this CSS:
[ch_pre type="css"]@media (max-width: 991.98px) {
#primary-menu-trigger {
order: 1;
width: 30%;
justify-content: start;
}

#logo {
	order: 2;
	margin-left: auto;
	margin-left: auto;
	width: 40%;
	justify-content: center;
}

.header-misc {
	order: 3;
	width: 30%;
	justify-content: end;
	margin-left: 0;
}

.primary-menu {
	order: 4;
}

}[/ch_pre]

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.