Burger Menu is blocked by Announcement bar message

Solved
Highlighted
New Member
7 0 0

Hi,

I've used Strollik theme for my page and when I view it in Mobile mode, I realise the burger menu is blocked by the announcement bar message. Is there any way to rectify this issue? Thanks.

0 Likes
Highlighted
Shopify Partner
2342 510 661

Hey @Gill,

Please share the website URL. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
New Member
7 0 0

Hi @dmwwebartisan, the URL is www.gillmask.com. Thanks!

0 Likes
Highlighted
Shopify Partner
2342 510 661

Hey @Gill,

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.toggle-menu-mobile{ 
top: 56px !imporatant;
}

 

Let me know if this works for you.

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Shopify Partner
638 105 143

This is an accepted solution.

@Gill,

 

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

 

@media screen and (max-width: 450px){
.toggle-menu-mobile{
top:52px !important;
}
}

 

 
 
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: wahabahmadghori@gmail.com
0 Likes
Highlighted
New Member
7 0 0

Hi @Wahab_Ahmad , @dmwwebartisan 

 

I've tried and it works! Thanks for the help!

0 Likes