Position Logo in the Middle of the Navigation in Margot Template

Add this to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  $(document).ready(function() { 
		$('nav.Header-nav--primary').clone().insertBefore('[data-nc-container="top-left"]');
	});
</script>
<style>
  div.Header-inner>nav:first-child>div>a:nth-child(n+5) {
    display: none !important;
}
  [data-nc-container="top-center"] nav a:nth-child(-n+4) {
    display: none;
}
</style>