Solved Helix Framework

Reorder social icons

Asked by Fuze1 5 months ago Last activity 5 months ago

Hi,

How can I change the order of the social icons shown in the header (Helix Ultimate > Basic > Social Icons)?

Thanks

Accepted answer

Marked as the solution

Paul Frankowski Senior Staff

5 months ago · edited

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

6 more replies

Rashida Rahman Staff

5 months ago

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,

Fuze1 Asked this

5 months ago

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

Rashida Rahman Staff

5 months ago

You're welcome!

In that case, kindly share your site URL here. This will help us provide accurate CSS based on your setup.

Best regards,

Fuze1 Asked this

5 months ago

Thanks Rashida.

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

Paul Frankowski Senior Staff

5 months ago · edited

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

Fuze1 Asked this

5 months ago

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

Rashida Rahman Staff

5 months ago

Hello,

Hope you are doing well.

There is an Accept button below each reply. You can accept the most useful answer here to officially close the post.

Thanks!

Paul Frankowski Senior Staff

5 months ago

Ok, you're welcome. I agree, that option to choose order would be great.

Please topic as solved, link you will find under "Reply" link.