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

Solved

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

manoman
Pathfinder
126 1 21

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.

Accepted Solution (1)

GabrielS
Shopify Partner
486 107 117

This is an 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!

Gabriel Soare | Web Developer
Are you looking to customize your Shopify or to fix a website bug?
You can reach me through my website gabrielsoare.com, DM, or email [email protected].
Have I helped you? Like my post.

View solution in original post

Replies 5 (5)

MichalKopec
Shopify Partner
55 9 8

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

 

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

 

A developer with more than 10 years of full stack experience. For work inquiries, please send me a private message.
manoman
Pathfinder
126 1 21

Where do i paste that? Thanks

MichalKopec
Shopify Partner
55 9 8

You can append it to theme.css

A developer with more than 10 years of full stack experience. For work inquiries, please send me a private message.

GabrielS
Shopify Partner
486 107 117

This is an 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!

Gabriel Soare | Web Developer
Are you looking to customize your Shopify or to fix a website bug?
You can reach me through my website gabrielsoare.com, DM, or email [email protected].
Have I helped you? Like my post.
manoman
Pathfinder
126 1 21

thank you! worked perfectly