Buy me a coffee

Move Social Icons to Announcement Bar

#1. First, you click on EDIT SITE FOOTER

Move Scrolling Block To Announcement Bar 01 Min

#2. Next, you choose Social Links from the box that appears

Move Social Icons To Announcement Bar 02 Min

#3. Next, add the Social Link you want like below

Move Social Icons To Announcement Bar 03 Min

#4. Add this code Code Injection > Footer and click Save

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

Move Social Icons To Announcement Bar 04 Min

#5. You will have a result like this

Move Social Icons To Announcement Bar 05 Min