[Share] Move Social Icons to Announcement Bar

To move Social Links to Announcement Bar, you can follow these steps.

If you can't make it work, you can comment below or message me with site url. I will check easier.

#1. Edit Site Footer

#2. Choose Social Links

and add your social links.

#3. 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(){
    setTimeout( function() {
    $('footer.sections .socialaccountlinks-v2-block').insertBefore('#announcement-bar-text-inner-id p');
       }, 2000);
});
</script>
<style>
  div#announcement-bar-text-inner-id use.sqs-use--icon {
    fill: white !important;
}
  #announcement-bar-text-inner-id p {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
  @media screen and (max-width:767px) {
    #announcement-bar-text-inner-id p {
        position: static !important;
        transform: unset !important;
    }
    #announcement-bar-text-inner-id {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
}
</style>

#4. Result