Hello,
The below code will help you to change the order. Define it via Theme Settings -> Custom CSS.
.xts-header-col .xts-social-buttons {
display: flex;
}
.xts-header-col .xts-social-buttons .xts-social-whatsapp {
order: 1;
}
.xts-header-col .xts-social-buttons .xts-social-facebook {
order: 2;
}
.xts-header-col .xts-social-buttons .xts-social-instagram {
order: 3;
}
.xts-header-col .xts-social-buttons .xts-social-linkedin {
order: 4;
}
.xts-header-col .xts-social-buttons .xts-social-youtube {
order: 5;
}
In case, if you want to change the order, just change the value for the order
property.
Kind Regards