Social Icons on Mobile Site - Royce Theme

Hi! I'd like for the social media icons to appear on mobile view as they do on our desktop view. Code that I've found on the forum has not worked so far.

https://www.sarahgormley.com/

TIA!

You can use this code to Website Tools > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
  $(document).ready(function(){
    $('nav.SocialLinks').clone().insertAfter('nav.Mobile-overlay-nav.Mobile-overlay-nav--primary');
});
</script>

Thank you so much - this worked to add the icons to the menu, but I'd like to have the icons show up on the mobile header. See circled position below.

On 7/20/2024 at 3:37 AM, beccatsgg said:

Thank you so much - this worked to add the icons to the menu, but I'd like to have the icons show up on the mobile header. See circled position below.

 

Use this new code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
  $(document).ready(function(){
    $('nav.SocialLinks').clone().insertAfter('button.Mobile-bar-menu');
});
</script>
<style>
  [data-nc-base="mobile-bar"] [data-nc-container="top-left"] {
    flex-direction: row-reverse !important;
    justify-content: space-between !important;
}
</style>