Move Socials to the Right of Header

Hello I am looking to move the social links to the right next to my car in the header. 

@tyler427438 can you share a link to the page you need help with, so we can have a closer look at the code in action? You may be able to achieve this with some custom CSS.

Thanks! If you could include custom css that would be great as my website isn’t live yet and is still private! 

On 11/23/2023 at 11:53 PM, tyler427438 said:

Thanks! If you could include custom css that would be great as my website isn’t live yet and is still private! 

You can follow this quick guide to share url

here is my website url https://www.trmwoodcraft.com/

Try this in your custom CSS @tyler427438

@media (min-width:800px) {
	.header-title-nav-wrapper {
		order: 1;
		flex-basis: 85%;
	}
	.header-actions--left {
		order: 2;
	}
	.header-actions--right {
		order: 3;
	}
	.header-layout-branding-center-nav-center .header-actions--left {
		justify-content: flex-end !important;
	}
}

when i use that exact code in the custom css portion of sqaurespace it move the header all round see below 

@tyler427438 try adding !important after the 85%, like this:

@media (min-width:800px) {
	.header-title-nav-wrapper {
		order: 1;
		flex-basis: 85% !important;
	}
	.header-actions--left {
		order: 2;
	}
	.header-actions--right {
		order: 3;
	}
	.header-layout-branding-center-nav-center .header-actions--left {
		justify-content: flex-end !important;
	}
}

hello that moved them to the rigth however now my main header is not centered on the page and is moved to the left. How do I fix this problem now. thanks.