Shopify themes, liquid, logos, and UX
We are trying to delete the yellow covid announcement banner/bar on top of the header. We cant seem to see any option on the settings. Thank you
Hi @KarlosPena,
Please go to Actions > Edit code > Assets > theme.css file and paste this at the bottom of the file:
#header .row.mob-header>div:first-child {
display: none;
}
Hi @KarlosPena
Please follow up the case from this post: https://community.shopify.com/c/shopify-design/covid-banner-announcement-on-top-of-the-page/td-p/290...
I have already shared the detail guide for you ❤️
- 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:
- 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
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025