Announcement bar above the menu / Debut theme

Store Design
1

Hey,

I would like to know how can I put my announcement bar under the menu bar on the mobile ?

Thanks

Link : https://relentless-clothingz.myshopify.com

Password : I will send you in private.

Capture d’écran 2021-12-18 à 18.06.39.png
Capture d’écran 2021-12-18 à 18.06.39.png744×594 16.2 KB

2 Likes
2

@Ulysse1300

I can help you. Please share your storefront password.

Thanks for posting!

1 Like
3

@Ulysse1300

can you please sent DM

1 Like
4

@Ulysse1300

Please add the following CSS to your assets/theme.css bottom of the file.

.mobile-nav {
    margin-top: 15%;
}

Thanks!

1 Like
5

I’ve got a problem when I add this CSS.

It shows everything so that’s good, but when I click on ‘‘shop’’ in the menu bar, and I come back on the menu bar the last section ‘‘about us’’ disappear. What can I do ?

1 Like
6

@Ulysse1300

Remove previously provided code and add this new code.

Please add the following CSS to your assets/theme.css bottom of the file.

.mobile-nav-wrapper.js-menu--is-open {
    display: block;
    transform: translateY(147px) !important;
}

Thanks!

1 Like
7

Everything is good. Thanks again for the help !