Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
This is an 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!
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!
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); |
This is an 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!
thank you so much @dmwwebartisan you've saved me many days of stress. This is perfect.
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024