Moving Social Icons to right of CTA button in header Squarespace 7.1

Site URL: http://www.natashiamft.com

Hey people!

I'm working on a Squarespace 7.1 client site and they want the social icons on the very right of the header navigation. Is there some CSS I can use to move the social icons to the right of the CTA button (basically switching the button position with the social icons).

URL: www.natashiamft.com

PW: psychotherapy2021

Thanks!

3 hours ago, jennifercurtice said:

Site URL: http://www.natashiamft.com

Hey people!

I'm working on a Squarespace 7.1 client site and they want the social icons on the very right of the header navigation. Is there some CSS I can use to move the social icons to the right of the CTA button (basically switching the button position with the social icons).

URL: www.natashiamft.com

PW: psychotherapy2021

 

Thanks!

you may need javascript to do this, add this to Advance-Code Injection

<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>

@bangank36 Thank you SO much!!! I really appreciate your help!!

@tuanphan

I'm looking for a solution for this too! Hoping to move the social icons from the left to the right of the CTA button:

On 9/22/2023 at 5:36 AM, 2birds said:

@tuanphan

I'm looking for a solution for this too! Hoping to move the social icons from the left to the right of the CTA button:

Can you share site url?