How do I make my header icons closer together?

Store Design
,
1

finalattt.PNG

co88.PNG

Hi, I’ve been trying to make my header icons closer together for a week now so that it looks like the photo below. No one has been able to help me for some reason,

here is my website:

https://black-bee-1.myshopify.com/

Password: giaske

Here is the website that has the icons I want mine to look like:

https://luxe-vibes-white.myshopify.com/

Password: dreamshack

2

Hi @kirstenlc5 ,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.header__icons {
	align-items: center;
}
.header__icons .list-social__link {
	padding: .8rem !important;
}
.header__icon--account {
	width: 3.4rem !important;
}
.header__icon--cart {
	margin-left: -0.8rem;
}

Hope it helps!

3

Thank you so much it worked!

1 Like