How to add scrolling announcement bar in focal theme ?

How to add scrolling announcement bar in focal theme ?

dharmil
Excursionist
53 0 3

I am looking to add a scrolling announcement bar 

Screenshot 2024-07-31 at 8.19.53 PM.png

Replies 4 (4)

BSS-TekLabs
Shopify Partner
2401 695 830

Hi @dharmil,

Here are the steps you can follow:

1, Navigate to Online Store > Themes > Edit Code.

2, Locate and open the base.css (or theme.css, custom.css) file.

3, Paste the code snippet provided below at the bottom of the file, then save your changes.

.announcement-bar {
    position: fixed;
    width: 100%;
}

.header {
    padding-top: 40px;
}

We hope this assists in resolving the issue.

If you find our solution helpful, kindly consider Liking and Marking it as Accepted. 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
dharmil
Excursionist
53 0 3

it isn't scrolling 

dharmil
Excursionist
53 0 3
FMC94
Shopify Partner
1 0 0

Was a solution found for this? I need help also.