eromatiya

So it turns out that you can do this by just using CSS:  Change the `#nav-bar` to ```css toolbar#nav-bar { background: var(--bf-navbar-bg) !important; padding: var(--bf-navbar-padding) !important; position: absolute !important;...

> I'm still trying to make whole thing work on Mac :)) Sorry about the lack of mac support. Good luck! How safari handle the navbars are interesting. I'll look...

I think this is a better implementation: ```css #navigator-toolbox { position: absolute !important;; overflow: visible !important; z-index: 99999; backdrop-filter: blur(6px) !important; } #browser { margin-top: -100px !important; } ``` ...

> If you manually add transform: translate(0px, 100px); to the `body` It doesn't work well here.  > I guess maybe it maybe can be done with some modifications to...

> Ah, I mean, website's body :) Oof, my bad. > Apple more likely will not rely on developers of all of the websites, and probably preferred to find a...

> I've experimented a little with adding this line to userContent.css: header { position: sticky !important; /* Set the navbar to fixed position */ } Nice! Your fast, eh? Haha....

One more thing. I noticed that the sidebar is also under the firefox's navbar. Not a big problem tho. 

> Honestly, I found scrolled navbars issue more disturbing :) Yeah. If we only have the source code of safari. lol. Anyway do you know the layer below the `body`...

> Not sure. Maybe this can help? I'm already using this to test the theme real-time. The problem is the gray background seems like a part of the web page....

I'll just leave this issue open. I don't really have an idea on how to support all the websites' navbar/header. We also need to fix the gray background.