How to get a fixed navbar

[SiL3NC3]

I want to have a fixed navbar, so I set "fixed-top" as additional class in backpack/base config.
Without any effect.

What to do, to get a fixed header?

[pxpm]

Hey @SiL3NC3 thanks for the question.

it's not straightfoward with the Backpack theme at the moment 😞 , in v6 this will be smooooooth, but right now it's kinda messy.

You need to set fixed-top as you did, but also this Backpack theme uses another class that is app-header, and that class breaks the usage of the fixed-top position in the header because it uses position: relative;.

I won't suggest to change .app-header directly because it's also used in the sidebar, so what I suggest is that you remove the .app-header class from the header classes and add the .fixed-top. This will make the header sticky but will lose other configurations that are present in .app-header.

Check in the browser inspector what other stuff .app-header is configuring, create a custom class for it in your own css file with all other things except the position:relative. Use that class.

To load your custom css: https://backpackforlaravel.com/docs/5.x/base-how-to#add-custom-css-to-all-admin-panel-pages

Hope it helps 🙏

Let me know if you have any issues!

[SiL3NC3]

Sure, this helps. Not directly with the issue, but understanding why it is not working (out of the box).
The next thing to figure out is, to get also the sidebar fixed... ;)
I wanna have a "frames" like feeling of the layout.

[pxpm]

You can add fixed-top in your config('backpack.base.sidebar_class') classes.

Cheers

[SiL3NC3]

It should just behave like frames, which is not happening with fixed-top setting, sadly.
The content area is then behind the sidebar, which messes up the layout.
I think the layout needs some customization to get it done... anyway, thank you for your reply. :)

[pxpm]

See those examples, they may help you achieving what you are looking for: https://backpackforlaravel.com/docs/5.x/base-how-to#customizing-the-design-of-the-menu-sidebar-footer

[SiL3NC3]

I will, thank you. :)

[jcastroa87]

I'm closing this issue due to inactivity. If you need further assistance or have additional questions, feel free to reopen this issue or create a new one. We're here to help!