How can I set a dropdown submenu and place an announcement above it?

Store Design
1

Can someone help me how to set the submenu as dropdown instead of up?
I would also like to place the announcement above the menu.

Link: cosmo-coffee.ch

2

@Melanie13 May this help you. Click Here

3

@Melanie13 ,

Please add this CSS to your css file

[data-x-menu--sub-above=true] .x-menu--level-2--container {
    bottom: auto !important;
}

Thanks!

4

Thank you so much, that worked perfectly, now the only problem is that the announcement is not visible.

5

@Melanie13

Please add this CSS to your css file

and if helpful than accept the solution

.template--index .announcement--root{
    display:block !important;
}

Thank You!

6

Thanks @infoatcodelab7 , it is now visible on the welcome page. But on the other pages (e.g. https://www.cosmo-coffee.ch/collections) it is hidden behind the header.

7

@Melanie13

Please add this CSS to your css file

.fullscreen-container {
    display: inherit !important;
}

Thanks!

8

@infoatcodelab7

Unfortunately, it does not work. Maybe is it possible to place the announcement under the header?