Streamline Theme - Add ICON to Announcement bar.

[Marvist]

Hey Shopify Community

I am trying to add a shipping icon to my announcement bar. I have tried to find anything helpful but wasn't successful.

https://barberry-fitness-apparel.myshopify.com/

PW: aoniye

The announcement bar says "Free shipping and returns" and I would like to add a couple of icons there. 

What are the steps to take?

Thanks for your attention. 

[PeanutButter]

Can you describe in a little more detail what you want? 
do you want the icon just next to the FREE SHIPPING AND RETURNS text?
do you have an specific icon you want to use?

[PeanutButter]

Is this what you wanted?

I left changes in Streamline By Peanuts v0.2

Let me know what you think

 

[Marvist]

Thank you for your quick response. 

The font style, font size, spacing between the letters etc. in the announcement bar looks great in Streamline By Peanuts v.02

So to illustrate in detail what the text should say and the icons I would like, I have coded it in the debut theme (I cannot seem to figure out how to do this in Streamline theme). 

Do you think that would be possible?

Again; thanks so much for your help with this! 

[PeanutButter]

hi @Marvist sorry, I have been really busy the last days.  Do you still need this done?

[Marvist]

Hi @PeanutButter 

Yes please! 

[PeanutButter]

ok! will try to get this done tomorrow!

[PeanutButter]

@Marvist I have a question about the image you sent with what you want.  How would that show in mobile? The 3 texts with 3 icons are not gonna fit in 1 line in mobile

[Marvist]

@PeanutButter That is a very good question. 

I think there may be two solutions.

1. (best solution, but maybe difficult to code?) announcement bar as in attached photos, where the text and the icons are switching every 2 seconds. 

2. remove/hide the announcement bar in the mobile version. 

What do you think?

 

[PeanutButter]

hi @Marvist,

your themes uses Slick Carousel for the slideshow, which can be used for looping the the Announcement bar messages in mobile.

I will try implement this for you over the weekend