sticky announcement bar-brooklyn

Solved
readytoraw
Tourist
9 1 2

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.

0 Likes
KetanKumar
Shopify Partner
14027 1635 5028

@readytoraw 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
dmwwebartisan
Shopify Partner
4350 977 1241

Hi

Please share webshop URL & Password.

 

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
readytoraw
Tourist
9 1 2

@KetanKumar wrote:

@readytoraw 

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


https://readytoraw.com/

0 Likes
KetanKumar
Shopify Partner
14027 1635 5028

This is an 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;
}
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
readytoraw
Tourist
9 1 2

you rock

KetanKumar
Shopify Partner
14027 1635 5028

@readytoraw 

Thanks for your compliments

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Mart-Marie
Excursionist
11 0 5

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:

Screenshot 2020-07-11 at 19.35.37.png

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:

Screenshot 2020-07-13 at 23.04.55.png

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

Please help!

dmwwebartisan
Shopify Partner
4350 977 1241

Hey @Mart-Marie 

Can you please provide your webshop URL?

I will check and provide you solution here.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
KetanKumar
Shopify Partner
14027 1635 5028

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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing