Hi there!

Thanks for reaching out.

Unfortunately, there is no default option to reorder the social icons. However, if you let me know your preferred order, it can be achieved using custom CSS.

Best regards,

Hi Rashida,

Thanks for the quick reply!

Ah, ok no worries. Please can you provide css to reorder the social icons as follows:

Instagram - LinkedIn - TikTok - Facebook

(In case it helps, as TikTok is a custom icon, it's using e span-class="fab fa-tiktok").

Thanks

Thanks Rashida.

Please see details attached. (website still in development).

Hi Fuze,

in general you have to use CSS and order value from it, it's not so hard if you studied CSS basics.

But I can take a look

#sp-menu ul.social-icons {display: inline-flex;}
li.social-icon-facebook {order: 4;}
li.social-icon-custom {order: 3;margin-right: 20px;}
li.social-icon-linkedin {order: 2;}
li.social-icon-instagram {order: 1;}

Added at your custom.css at the end, and works. Clear cache to see changes! Easy pease.

Perfect - many thanks Paul, much appreciated.

Always happy to use CSS, I just wanted to check if there was a way of doing this natively within Helix first.

Thanks again