Narrative Announcement Bar - removing the "close" (x) link

Solved
Highlighted
Tourist
8 0 4

Is there a way to remove the "x" at the the right side of the Announcement Bar in the Narrative theme? I have an important announcement that I always want displaying for the next month, and I don't want users to accidentally close it and then lose access to it (which I have now done, probably through cookies).

Likewise, is there an easy way to reactivate the bar once a user has closed it?

Here's the site: https://www.blackoakgames.com/

0 Likes
Highlighted
Shopify Partner
3210 707 855

This is an accepted solution.

@Matthew_O_Malle 

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

.announcement-bar__close{
display: none;
}

Hope it works.

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
Highlighted
Tourist
8 0 4

@dmwwebartisan 

Hurrah! Yes, that successfully removed the (x) from the announcement bar. I will mark this as the solution.

Since I accidentally closed the announcement bar on my own browser, the bar still seems to be closed, perhaps with memory from a cookie or something? Do you know how I can make that display again for myself, so I'm seeing the same thing new users will see?

Highlighted
Shopify Partner
3210 707 855

@Matthew_O_Malle 

Which browser you're using?

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
Highlighted
Tourist
8 0 4

@dmwwebartisan 

Chrome, but actually, nevermind, I can see the announcement bar again. Probably a very short timer on the cookie, and it's cleared.

Thanks for all of your help!