Navbar large and display-flex

I’m have this type of layout, with navbar large

Coded in this way:

But when i scroll the page, the navbar dosen’t collapse, how you can see in this image:

I managed to collapse the navbar only putting button outside page-content and setting the attribute style in this way: position:absolute;bottom:0;z-index:1;width:100%

There is another way, maybe using slots, to achieve the result?

It won’t collapse on custom scroll container like you have. Place button outside of page-content with position absolute

Hi, thanks.
Is that i’ve done. There isn’t another method to that, am i right?
Thanks again

Nope, this is how JS/CSS works in general :slight_smile:

1 Like