I would like to add a bottom of the screen navigation bar, something like what is described here How to Design a Great Bottom Mobile Navigation Bar and an example here What PWA Can Do Today Is there a plugin that does something similar or can it be done with some custom CSS? Thanks.

The Zoomin page view gives all of the Story River tiddlers position: absolute; which takes them out of the normal flow. That’s why the Story River doesn’t wrap around them anymore. To add some extra space below the tiddler, you can try adding an :after CSS element to the tc-tiddler-frame. Here’s a …

You may be interested in this kind of model by @Scott_Sauyet : Wizard Navigation Plugin

Keeping in mind TiddlyWiki operates like many website and has an infinite vertical scroll, so footers There are a number of different ways to define or address this and I have seen all; Simply tag a tiddler with $:/tags/BelowStory and its content will appear below the story. Using the tag $:/tags…

[image] TW_Tones: A Fixed footer that the story can scrol under is also posible. The fixed footer to scroll under - I suspect this is the more complicated option. I am using Zoomin so $:/tags/BelowStory is not an option and I have the sidebar hidden.

I’m still trying to get a screen footer working. $:/tags/BelowStory gets me partially there but the tiddlers scroll OVER the footer, rather than the footer remaining on top. Conversely the sidebar does pass UNDER the footer. Is there an alternative tag, or something extra I can do with the CSS?

Here is a related thread [image] Adding a page footer to a TiddlyWiki Has anyone created a simple page footer for a TiddlyWiki, displayed after all open tiddlers and the sidebar have run their course? The kind of thing often found on blogs with copyright info…

Try this: Create a tiddler (e.g., “MyPageFooter”), tagged with $:/tags/PageTemplate, containing: \define myFooterHeight() 5em <style> .myPageFooter { position:fixed; bottom:0; left:0; width:100vw; height:<<myFooterHeight>>; background:<<colour background>>; border:1px solid; }…

I too like the idea of a page footer! Testing that, I see it appears under the tid’s in the river, but above tag menu’s from the sidebar. I suspect there are multiple bits of juggling here, but seems to me it should be above the river at minimum, and ideally below the tag menus in the sidebar (tag…

When I try this on TiddlyWiki.com , the footer appears above the tids in the river below the tag dropdowns in the river above the tag dropdowns in the sidebar My intention was that the footer should always appear above all other elements (including all tag dropdowns). To make this happen, try add…

[image] EricShulman: My intention was that the footer should always appear above all other elements (including all tag dropdowns). To make this happen, try adding z-index:5000; to the attributes of the .myPageFooter CSS class definition. I did need to add that z-index attribute to get it to c…

[image] EricShulman: \define myFooterHeight() 5em <style> .myPageFooter { position:fixed; bottom:0; left:0; width:100vw; height:<<myFooterHeight>>; background:<<colour background>>; border:1px solid; } .tc-story-river, .tc-sidebar-scrollable { padding-bottom:calc(<<myFoot…

How to add a bottom navigation bar

DaveGifford August 27, 2025, 7:10pm 6

Here is a related thread