Lower the height of announcement bar in DAWN Theme

Lower the height of announcement bar in DAWN Theme

swawestore
Explorer
115 0 19

I want to decrease the height of announcement bar in dawn theme 
store link - www.swawe.store

Reply 1 (1)

BSS-TekLabs
Shopify Partner
2401 695 828

 

Hi @swawestore ,

You can follow these steps to lower the height of announcement bar

1. Open Online Store > Theme > Customize

2. Find the Announcement bar > Custom CSS

3. Paste the code snippet below and hit save

 

.announcement-bar {
  /* You can reduce this number to your need */
  height: 25px;
}

 

BSSTekLabs_0-1719056019511.png

BSSTekLabs_1-1719055848383.png

Here is the result

BSSTekLabs_0-1719055457729.png

Hope this helps you solve the issue.

Please don't forget to Like and Mark it as an Accepted Solution if you find this 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