Cart in center of header 7.1

Site URL: https://cacao-death-by-xoko.squarespace.com/

password: xoko

I've recreated the 7.0 Cacao template in 7.1.

I want the cart icon in the center, as per the 7.0 demo, but I can't make it happen in 7.1. 

Can anyone work out the code? Thanks!

Screenshots of Cacao demo 7.0 and my recreation in 7.1 attached. 

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() { 
		$('.header-display-desktop .header-actions.header-actions--right').appendTo('.header-title-nav-wrapper .header-nav');
	});
</script>
<style>
  .header-nav {
    flex-direction: row-reverse;
    display: flex;
    justify-content: space-between;
    flex: 50% !important;
    width: 50% !important;
}
  .header-title {
    width: 50% !important;
}
</style>

This is perfect - thank you very much 👍

Why are you recommending putting into the footer rather than the header? 

On 10/16/2021 at 1:06 AM, Ellis-square said:

This is perfect - thank you very much 👍

Why are you recommending putting into the footer rather than the header? 

Good for performance