Announcement Bar Height - Debut

Solved
MaggiErie
Tourist
5 0 1

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

0 Likes
DigitalArtisans
Shopify Partner
348 48 61

This is an 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

Hatim Ayoub | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted
0 Likes
MaggiErie
Tourist
5 0 1

Thank you, it works!

0 Likes