How can I move/add social icons to top right header? Using Wexley.

https://christyprice.com/squarespace-tips-tricks/how-to-add-social-media-icons-to-squarespace-navigation

Thank you @Derricsrandomviews,

but unfortunately I get stuck as far in as secondary navigation, as the Squarespace template does not appear to have that activated which I guess is key for this to work? I belive this is a feature they removed from 7.1 onward?

Please let me know if its still a possible way to go around this. 

Thank you

Add the following to Design > Custom CSS.

.site-alignment-left.header-navigation-split .main-nav {

  margin-right : 0;
  
  }

#socialLinks {

  display : inline-block;
  margin-top : 40.5px;
  
  }

Add the following to Settings > Advanced > Code Injection > HEADER.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

Add the following to Settings > Advanced > Code Injection > FOOTER.

<script>

  $( ( ) => {
  
    /*
    
      move footer social icons to header
      
      SS Version : 7.0
      Template : Wexley
      
      */
      
      $( '#socialLinks' ).appendTo ( '#topNav' );
      
    } );
    
  </script>

Let us know how it goes.