How to move the social icons to right of the button in the header - Squarespace 7.1

Add this to the Code Injection > FOOTER of your website to be able to reorder the way the buttons and social icons are listed.

<script>
  document.addEventListener('DOMContentLoaded', function() {	
	function insertAfter(referenceNode, newNode) {
	  referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
	}

	insertAfter(document.querySelector(".header-actions-action--cta"), document.querySelector(".header-actions-action--social"));
});

</script>
Previous
Previous

How to allow Google Calendar and ICS to open in a new tab - Squarespace 7.1

Next
Next

How to make a “Source URL” open in a new tab - Squarespace 7.1