How can I display an empty announcement bar on my website?

Store Design
1

Hi all. I love the green at the top of my screen in the announcement bar section. The issue is though I don’t want any text in that section. Just the green. My main image is green. So a green space at the top of screen really looks nice. Is there a way to show the announcement bar without any text? If so, how would I go about doing that? You can see my website at www.PennsylvaniaParks.org. Thanks so much!

1 Like
2

Hi @Justin34 ,

Try this.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
p.announcement-bar__message.h5 span {
    display: none;
}

Result:

Ribe_Dagandara_0-1688940212951.png
Ribe_Dagandara_0-1688940212951.png1305×142 13.8 KB

I hope it help.

1 Like
3

Worked perfectly. Thank You!

1 Like