Announcement Bar: Make link with arrow look like a button and align to the right (Sese Template)

Topic summary

Goal: In the Shopify Sense theme, customize the Announcement Bar so the “Medical Professionals” link appears as a button (white box around the text) and is aligned to the right. The button should link to: https://vis-pre-surgery-drink.myshopify.com/pages/medical-professionals.

Context: The request involves CSS/theme tweaks to replace the default arrow-style link with a button-like element and adjust alignment.

Recent updates: Responders noted the storefront is password-protected and requested access. The store owner provided the password (corrected in a follow-up message).

Status: No code or solution has been provided yet. The thread is awaiting someone to review the site with the supplied access and offer the necessary CSS/theme edits. Unresolved/ongoing.

Summarized with AI on December 14. AI used: gpt-5.

Hi,

I am working in the Sense template.

In the Announcement Bar I would like to align the link to the right and instead of the arrow I would like to have a white box around the words “Medical Professionals” to look like a button. When clicked on it would bring them to the page: https://vis-pre-surgery-drink.myshopify.com/pages/medical-professionals

Can someone please help me with the code that will accomplish this?

Thank you!

1 Like

Hey @lindsaybarry

Your store is password protected, share the password as well.

Best Regards,

Moeed

awglao

Hi @lindsaybarry

Its password protected.

Password: awglao