COVID Banner announcement on top of the page

Solved

COVID Banner announcement on top of the page

KarlosPena
Tourist
9 0 5

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!

Accepted Solution (1)
DaisyVo
Shopify Partner
4369 485 577

This is an accepted solution.

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


Please let me know if it works. Thank you!

 

Best,
Daisy - Avada Support Team.

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

View solution in original post

Replies 7 (7)

DaisyVo
Shopify Partner
4369 485 577

Hi @KarlosPena 

 

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

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
KarlosPena
Tourist
9 0 5

https://fitnessequip.myshopify.com

 

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

Equip Fitness.jpg

DaisyVo
Shopify Partner
4369 485 577

This is an accepted solution.

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


Please let me know if it works. Thank you!

 

Best,
Daisy - Avada Support Team.

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
KarlosPena
Tourist
9 0 5

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

Screenshot (373).png

 

 

Thanks so much!

DaisyVo
Shopify Partner
4369 485 577

@KarlosPena  You are welcome ❤️ I'm glad it can help.

 

Please feel free to reach out if you need anything else ❤️ 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

BSS-TekLabs
Shopify Partner
2401 695 832

- 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 </head> and press 'Save' to save it

 

<style>
.row.mob-header > div:first-child {
    display: none !important;
}
</style>

 

- This is the result you will get:

BSSTekLabs_0-1736176876524.png

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
KarlosPena
Tourist
9 0 5

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