Home Forums Space themes support forum Social Icons Order Reply To: Social Icons Order

#468236

Luke Nielsen
Keymaster

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