rearrange social icons

Hi,

Unfortunately, there is no option to rearrange this.
But You can achieve this by creating a custom template for social icons from Theme Panel > My Library, and assign that template from Customize > Topbar > Social, and select the created template.
Or
You can use the below custom CSS code from the Customize > Custom CSS.

.bar {
    display: flex;
}
.bar a {
    padding: 0 5px;
}
.bar a:nth-child(1) {
    order: 4;
}
.bar a:nth-child(2) {
    order: 2;
}
.bar a:nth-child(3) {
    order: 3;
}
.bar a:nth-child(4) {
    order: 1;
}

PS- Edit the code and order as per your need.

Hi Abhishek,

thanks so much for the reply. I tried the css code but didn’t work, so created the template and worked like a charm! However, the template does not display inline, in the top bar when viewing on a smart phone. Anyway to fix that?

all the best!

Hi,

I checked on mobile but not getting any issue here. can you please try to clear cache and share the snapshot where you getting the issue.

Hi Abhishek,

I had fixed by using Elementor to create the template.

Thank you so much for your replies! much appreciated!

You are the most welcome and Glad to hear that the issue has been fixed!