Reorder Navigation Social Icons Last

There is no layout that puts the social icons in the navigation header after the call to action button. Is there a way to achieve this through CSS? Again, I want left-to-right, logo, nav links, button THEN social icons.

Thanks!

Add this to your site css (this is for SQS 7.1)

.header-actions-action.header-actions-action--cta {
    order: -1;
}

based on this layout

Craziness! Works so well. Thank you soooooo much. Hopefully they will add this as an option baked in. Really appreciate your help.

PS: Didn't think to ask. Is there a way to do this on mobile as well so the button is above the social?

On 3/30/2022 at 10:02 PM, SCAgency said:

Craziness! Works so well. Thank you soooooo much. Hopefully they will add this as an option baked in. Really appreciate your help.

PS: Didn't think to ask. Is there a way to do this on mobile as well so the button is above the social?

Have you tried clicking Mobile icon & adjust yet? It it doesn't support, we can use some custom code to do this. If you share site url, we can check easier