Shopify center header logo

Insert as a Custom Liquid section or block.

<script type="text/javascript">
addEventListener( 'DOMContentLoaded', function( event ) {
	let logo = document.querySelector( '.header__logo' );
	let logo_link = logo.querySelector( 'a' );
	if( logo_link ) {
		logo_link.href = '{{ shop.url }}';
	}
	let isDesktop = window. innerWidth > 999;
	let nav = document.querySelector( 'nav.header__primary-nav > ul > li:nth-child(2)' );
	if( isDesktop && logo && nav ) {
		nav.after( logo );
	}
} );
</script>