Hi, instead of necroing old threads (from 2018 etc), asking afresh:
Is there a supported, “non-hackish” way of adding a fixed vertical navbar.
The old way of adding stuff like this to every page does not work well: .fixed-left{ position: fixed; left: 0; width:250px; z-index:1009; }
(By not working well I mean: It messes up everything for new rows/block, you have to struggle with margin stuff throughout the project, and the GUI has no clue what’s going on.)
Mark: I have not been able to test in newer versions than Blocs 2, as the Trial version won’t allow use of Add Code, and I’m not upgrading without this functionality.
Looks like a sliding in/out overlay.(?) I’m looking for a fixed vertical area for where the default navigation bar can live and be updated, without having to tell every added module/bloc about a different margin …
(@Eldar’s theme has it correct layout wise, except it’s manual, not dynamic/using the default navbar.)
So, I finally got some time to play with (and buy) Blocs 4.
I have been able to make a fixed vertical sidebar containing the navbar in Bootstrap 5 in a (different) Wordpress theme, so I think I understand the logic. (Using .sticky-top, .min-vh-100 and such.)
But I don’t know how to implement that knowledge in Blocs.
I have questions like: Should I disable header/footer and put this in a regular body bloc?
(I assume I can’t just import/copy the working bootstrap 5 HTML code directly, having Blocs sort stuff correcly into the GUI? That would be fancy/neat.)
Maybe @Eldar have a newer video (than the Blocs 2 video referenced earlier) showing how he implemented something like this?
I put fixed in bold, since I’m not too interested in an overlay/menu sliding in, but a fixed sidebar, that is always present and doesn’t move at all – on desktop.) That Contruction Template looks like it’s using the sliding overlay.