sticky announcement bar-brooklyn

[readytoraw]

Having trouble to show mobile nav with sticky announcement  bar, Someone please let me know how to fix that. under desktop version everything works on mob version the announcement bar is blocking the nav menu.

[KetanKumar]

@readytoraw 

Please share your site URL,
So I will check and provide a solution here.

[dmwwebartisan]

Hi

Please share webshop URL & Password.

Thanks!

[readytoraw]

---

@KetanKumar wrote:

@readytoraw 

Please share your site URL,
So I will check and provide a solution here.

---

https://readytoraw.com/

[KetanKumar · Accepted solution]

@readytoraw 

Thanks 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media screen and (max-width: 768px) {
.announcement-bar__message {
    font-size: 10px !important;
}
}

[readytoraw]

you rock

[KetanKumar]

@readytoraw 

Thanks for your compliments

[Mart-Marie]

Hi @KetanKumar

I hope you can help me,

I want to move the account login, search and cart icons to the announcement bar in Brooklyn theme, and make the announcement bar sticky. I have tried to move the icons this by only moving the icons to the announcement bar section. Now I have four problems:

1. The icons is below the announcement bar message - ideally this needs to be inline once we add an announcement message.

2. The icons are centre placed and I want it right aligned with the screen, as the green arrow indicates.

3. The icons changes to a darker colour as I move to different pages - due to its settings when it was placed with the menu. This needs to stay white as shown in the picture, as it is only doing that on the home page.

4. The icons should not be visible on the mobile side - as there is already a cart icon. Please see picture:

I also need help to make only the announcement bar sticky - not the whole header.

Please help!

[dmwwebartisan]

Hey @Mart-Marie 

Can you please provide your webshop URL?

I will check and provide you solution here.

Thanks!

[KetanKumar]

Hello, @Mart-Marie 

Welcome to the Shopify community!
and Thanks for your question.

Please share your site URL,
So I will check and provide a solution here.