Announcement Bar Height - Debut

[MaggiErie]

Hi all,

I am new to Shopify. I would like to change the height of my announcement bar for both desktop and mobile.

Would appreciate if anyone can help.

Store Link: https://theurbanjewel.myshopify.com/

Password: 1234

[DigitalArtisans · Accepted solution]

Hello @MaggiErie !

In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:

.announcement-bar__message {
padding: 5px 0 !important;
font-size: 12px !important;

}

@media (max-width: 767px){
.announcement-bar__message {
font-size: 10px !important;

}
}
Copy
12px = font size of the announcement text on desktop/large devices.

10px = font size of the announcement text on mobile/smaller devices.

You can customize to your liking.

Thanks,

Digital Artisans

[MaggiErie]

Thank you, it works!

[spookiesdream]

Hi guys,

I know this has been posted a year ago but I couldn't make this work on my site.
Would you please help me? Thanks.

theoverland.co is my page