Want to move social icon to right side of header

Betania93 · September 15

Hello!

I am wanting to move my social icons over to the right hand side alongside the cart icon. How do I go about doing this? I've searched but haven't had any luck so far!

Thank you

Ziggy · September 15

Can you share your website URL?

Betania93 · September 15

Hi yes sorry!

https://wildmoonstudio.co.uk

Thank you

Ziggy · September 15

Try adding this to Custom CSS:

.header-layout-branding-center-nav-center .header-title-nav-wrapper {
    order: 0;
}
.header-layout-branding-center-nav-center .header-actions--left {
    flex: 0 1 20%;
    max-width: 20%;
    justify-content: flex-end;
    order: 1;
}
.header-layout-branding-center-nav-center .header-actions--right {
    flex: 0 1 5%;
    max-width: 5%;
    order: 3;
}

Betania93 · September 15

Thank you!!

Ziggy · September 15

2 minutes ago, Betania93 said:

Thank you!!

Happy to help!

Want to move social icon to right side of header

Recommended Posts

Betania93

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Betania93

Posted Images

Ziggy

Link to comment

Betania93

Link to comment

Ziggy

Link to comment

Betania93

Link to comment

Ziggy

Link to comment

Create an account or sign in to comment

News

Betania93

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources