Add space between images in header

Solved
New Member
4 0 0

Hello All,

 Im looking for some help in trying to add a little bit of space between a few images i have added to the header. Im only looking to add maybe 10px. I have tried the <br> function and some others and have had no luck. Here is what the images look like and here is the current code im using.

 

Thanks

 

 <li class="icon" style="width:22px;height:22px;">{{'https://cdn.shopify.com/s/files/1/0099/8499/9505/files/33702.png?843' | img_tag | link_to: 'https://www.facebook.com/Green.Floral.Crafts/'}}
          <span style="margin-left:15px;"></span>
        <li class="icon" style="width:22px;height:22px;">{{'https://cdn.shopify.com/s/files/1/0099/8499/9505/files/14326.png?843' | img_tag | link_to: 'https://www.youtube.com/user/GreenFloralCrafts'}} 
            

space.JPG

0 Likes

Success.

Astronaut
1011 131 240

Add that margin left from your span into the styles of your second list item:

 

 <li class="icon" style="width:22px;height:22px;">{{'https://cdn.shopify.com/s/files/1/0099/8499/9505/files/33702.png?843' | img_tag | link_to: 'https://www.facebook.com/Green.Floral.Crafts/'}}
<li class="icon" style="width:22px;height:22px;margin-left:15px;">{{'https://cdn.shopify.com/s/files/1/0099/8499/9505/files/14326.png?843' | img_tag | link_to: 'https://www.youtube.com/user/GreenFloralCrafts'}}
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes
Highlighted
New Member
4 0 0

OMG,

Thank you. I cant believe it was that easy and did not think of that. ughhh

 

Thank you

0 Likes