Remove arrows in the announcement bar, prestige theme

Store Design

Topic summary

A user seeks to remove navigation arrows from the announcement bar in Shopifyā€™s Prestige theme. A community helper provides a CSS solution:

Solution provided:

  • Navigate to Shopify admin ā†’ Online Store ā†’ Themes ā†’ Actions ā†’ Edit code
  • Open the CSS file (base.css, style.css, or theme.css) in the Assets folder
  • Add the following code at the bottom:
button.tap-area {
    display: none;
}

The solution successfully removes the arrows. A follow-up question emerges about removing underlines from announcement bar links, which is addressed with additional CSS:

h1.announcement-bar__message h5 {
    text-decoration: underline;
}

Status: The original issue is resolved. A new related request about adding clickable phone and email icons to the announcement barā€™s left corner remains open and awaiting response.

Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.
1

Hi, please can someone tell me how can i remove the arrows from the announcement bar in the prestige theme?

2 Likes
2

Hi @Ady2 ,

Would you mind to share your URL website? with password if its protected. Thanks!

3

www.elliotkohn.co.il

1 Like
4

Thank you for the information. 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, style.css or theme.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.
button.tap-area {
    display: none;
}

Result:

Ribe_Dagandara_0-1689092387439.png

I hope it help.

1 Like
5

Thank you! You are a genius!!! It worked!

1 Like
6

Welcome.

oh i think you put the solution wrong. :sweat_smile:

7

Thank you! It worked. Now that my link is without the arrow, I need it to be underlined. Can you Please help me?

1 Like
8

Hi @Indra3

Thanks! Good thing it work in your store. Do you liek to add undelined on the text? Would you mind to share your store URL? Thanks!

9

Hi, sure here it is: https://www.icyoujewellery.com/

Thank you in advance, Indra

1 Like
10

Do you mean like this?

Made4uoRibe_0-1705674468356.png

If it is check this one.

From your Shopify admin dashboard, click on ā€œOnline Storeā€ and then ā€œThemesā€.

Find the theme that you want to edit and click on ā€œActionsā€ and then ā€œEdit codeā€.

In the ā€œAssetsā€ folder, click on ā€œbase.css, style.css or theme.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:

h1.announcement-bar__message.h5 {
    text-decoration: underline;
}

And Save.

Please donā€™t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like
11

Thank you so much, Iā€™m really happy it works! -How can I mark your reply as ā€˜solutionā€™ for you?

Additionaly, I also need a clickable phone & email icon in the left corner of the annoucementbar. Can you help me with this as well?