COVID Banner announcement on top of the page

Store Design
, , ,

Topic summary

A user needed to remove a COVID banner from the top of their Shopify store but couldn’t find a toggle option in the theme settings.

Problem:

  • The announcement bar had no visible removal option in the standard theme customization interface
  • The banner appeared above the main header on the store homepage

Solutions Provided:

Two working approaches were offered:

  1. CSS Method: Navigate to Shopify admin → Online Store → Customize → Theme Settings → Custom CSS, then add CSS code to hide the banner element using display: none !important

  2. Theme File Method: Edit the theme.liquid file directly by adding custom CSS within <style> tags before the closing </head> tag

Outcome:

  • The issue was resolved successfully within 10 minutes using the CSS customization method
  • The banner was removed from the store without affecting other elements
Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
1

I am trying to remove the Banner on top of our page but there’s no toggle button for the Announcement Bar or something. I tried to test all the options in the settings but none is associated with that. Does anyone know a solution? Thanks in advance!

1 Like
2

Hi @KarlosPena

Could you please share with us the store link and screenshot of an error from your end?

3

https://fitnessequip.myshopify.com

Above is our store name. @DaisyVo Thank you so much!

Equip Fitness.jpg
Equip Fitness.jpg1898×925 181 KB

4

Hi @KarlosPena

I hope you are well. You can follow our instructions below:

1/ Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
2/ From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
3/ Copy the code below and paste it there

Here is the code for Step 3:

header#header > .container > .row.mob-header > div:nth-child(1) {
    display: none !important;
}

image (36).png
image (36).png1356×742 231 KB

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

1 Like
5
  • Here is the solution for you @KarlosPena
  • Please follow these steps:
  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before and press ‘Save’ to save it
  • This is the result you will get:

BSSTekLabs_0-1736176876524.png
BSSTekLabs_0-1736176876524.png1913×925 340 KB

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like
6

Heeeeyyyyy @DaisyVo you are such a magician! This one saved my ass!!!

Screenshot (373).png
Screenshot (373).png1920×1080 478 KB

Thanks so much!

7

Hi @BSS-TekLabs I am so lucky to find this community! It just took 10 mins for you guys expert to support us. :grinning_face_with_smiling_eyes: We removed it already with your support.

1 Like
8

@KarlosPena You are welcome :heart: I’m glad it can help.

Please feel free to reach out if you need anything else :heart: