How can I move social icons and change the spaceing?

pinkseal21 · December 27, 2023

Site URL: https://www.michikoyamaji.com

Hello!

Is there a way to move social icons in my header to the upper right corner and make the spacing between them closer?

This is how they are now:

I'd like to place them like this:

Thank you in advance for your time and help!

tuanphan · December 28, 2023

You can add this code to Website Tools (under Not Linked) > Custom CSS

.header-actions.header-actions--left {
    position: absolute !important;
    right: 0;
    top: 0;
}
.header-actions.header-actions--left a:first-child {
    position: relative;
    right: -2.5vw;
}

pinkseal21 · December 28, 2023

This is perfect!

Thank you so much for your help!!

How can I move social icons and change the spaceing?

Recommended Posts

pinkseal21

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

pinkseal21

Posted Images

tuanphan

Link to comment

pinkseal21

Link to comment

Create an account or sign in to comment

News

pinkseal21

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources