hide menu-bar on mobile site doesn't work

[florine]

Hi!

On my site https://tanzhausbern.ch/einstieg/
I would like to hide the menu bar, side-title and menu icons in order do show the carousel in fullscreen – like this

I tried to do that in the costume css for mobile area with the following code:

body.slug-einstieg .mobile-title,
body.slug-einstieg .burger {
display: none!important;
}

body.slug-einstieg .navbar {
height: 0px!important;
z-index:0!important;
}

I also tried:

body.slug-einstieg .mobile-title,
body.slug-einstieg .burger, 
body.slug-einstieg .navbar {
display: none!important;

both versions work for the side-title and the burger, but not for the menu-bar:
it still takes the height of the menu-bar settings as top-frame (65px)

the carousel has class and id 'einstieg' , the row on which it is placed has class and id 'frontrow'
and I tried to shift the carousel on top and front of the page by the following code:

#einstieg {
    top:0px!important;
    z-index:100000!important;
}

#frontrow {
    top:0px!important;
    z-index:100000!important;
}

but it didn't work.
do you know how I can get rid of the menu-bar offset?

Thankyou for helping!
Best,
Florine

[arminunruh]

hey can you search the forum i think we had a similar post here

you only want to hide the menubar for that one page right

take a look.
body has a padding top

just make it have a padding top of 0

[florine]

ok great, this works!
I did not find that one searching the forum, sorry!!

thank you so much