Modifying the spacing of header icons for cart, account, and favorites

[Deewil]

I'm really having trouble finding the part of the code to change the spacing between my header icons and I've searched without success. I found some bit of code to make them equidistant but they are spaced too far apart on desktop. Mobile site looks fine.

https://gold-hill-river.myshopify.com/

password: peutro

[dmwwebartisan]

Hey @Deewil,

Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media only screen and (min-width: 750px){
.site-header__icons-wrapper { display: block !important; }
}

Let me know if this works.

Thanks! 

[Deewil]

Hello @dmwwebartisan thanks for the reply. This code works but it just bunches the icons up together again. I'm trying to have a bit of whitespace between the icons and the original code I modified left about an inch in between each one. I'm hoping for about half that. 

I used the code below on line 4900 of theme.scss

@include justify-content(space-between);

[dmwwebartisan · Accepted solution]

Hey @Deewil,

Remove old code and try this new code:

@media only screen and (min-width: 750px){
.site-header__icons-wrapper {padding: 0 55px; }
}

Hope this will work.

Thanks! 

[Deewil]

thank you so much @dmwwebartisan you've saved me many days of stress. This is perfect.