How do I remove arrows from the announcement bar on Focal theme?

Shopify Discussion
, , , ,
1

Hello!

How do I remove arrows on the announcement bar on focal theme? I can provide site URL upon request if you can help. I will provide it in PMs, since I do not want to make it public here. Thanks in advance! Hopefully I can get help.

2

Hello Manoman, the easiest way is to modify the css:

.announcement-bar--multiple {
    justify-content: center!important;
}
announcement-bar button {
    display: none;
}
3

Where do i paste that? Thanks

4

You can append it to theme.css

5

Hello,

To remove the arrows you can use the below CSS code:

announcement-bar button {
  display: none;
}

Placing it at the end of your theme.css file should be working as expected. You can find file this by navigating to Sales channels → Themes → … → Edit code.

Cheers!

6

thank you! worked perfectly