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

[manoman]

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.

[MichalKopec]

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

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

[manoman]

Where do i paste that? Thanks

[MichalKopec]

You can append it to theme.css

[GabrielS · Accepted solution]

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!

[manoman]

thank you! worked perfectly