Mobile Header Info

Hello,

You can consider trying this CSS code:

@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;
	}
}

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:

@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;
	}
}

Hope this Helps!

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