Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

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


Question

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!

Edited by jennifercurtice
clarifying Squarespace 7.1
Link to comment

4 answers to this question

Recommended Posts

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

 

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Youtube Gallery for Squarespace
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 0

image.thumb.png.79b6be13dbbba54e426d563c27fedcc9.png 

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Youtube Gallery for Squarespace
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 0
On 4/15/2021 at 9:06 AM, 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!

I see the site has some small problems, if you need to fix, just comment below, we will give the code

Site URL: https://www.natashiamft.com/?password=psychotherapy2021

1. (Mobile-Popup) Want to add a background image?

natashiamft.com-01-min.png

2. (Mobile-Homepage) Make 2 images/row?

natashiamft.com-02-min.png

3. (Category page) Want to change “Welcome to the blog” to Category Title?

natashiamft.com-03-min.png

4. (Mobile-Event details) Pagination title look big. Want to reduce size?

natashiamft.com-04-min.png

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...