how do i add text in the corner of my store page along the announcement bar?

[ompee1978]

im trying to add an email address on the right top corner along the announcement bar https://unsula.com/

can anyone help?

[ShakhawatArafat]

Hi @ompee1978 ,

You may check Shopify documentation 
https://help.shopify.com/en/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-...

[DaisyVo]

Hi @ompee1978 

do you have any illustrations

[CodingFifty]

Hi @ompee1978,

1. Liquid Code (announcement-bar.liquid)

To add the email address under the .announcement-bar__message class in the announcement-bar.liquid file:

<div class="announcement-bar__message">
   {{ settings.announcement_text }}
   <span class="announcement-email">
      <a href="mailto:your@email.com">your@email.com</a>
   </span>
</div>

• Replace your@email.com with your actual email address.

2. CSS Code (base.css/theme.css)

If the email address is not showing in the correct position, add the following CSS code in base.css or theme.css:

.announcement-bar__message {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

3. Steps:

1. Log in to your Shopify Admin Panel.
2. Go to Online Store > Themes > Actions > Edit Code.
3. Open the announcement-bar.liquid file under the Snippets folder and add the Liquid code.
4. Open the base.css or theme.css file under the Assets folder and add the CSS code.
5. Save your changes and refresh your website to check if the email appears correctly.