[tw5] Sidebar CSS

Hello,

I am trying to set up my wiki so i can use it on my phone as well as desktop.

I don’t expect to be editing tiddlers or writing filters on the phone. That will be done on the desktop. But I do want to set up the sidebar with some tabs and buttons for use on the phone. I find this is working fairly well for me so far.

What I would like to do is set the sidebar width to the same pixel width as my phone. Where can I add the style to add a border around the sidebar, and set it’s width to exactly 375 pixels?

Thanks.

Hi amreus, I’m not sure you’ve provided a clear enough description of what you want to do. My first thought is that without changing anything from the Vanilla theme, there’s a media query that puts the sidebar to full width, at the top of the window, when the screen is narrower than some default. In this mode, on tiddlywiki.com, the “sidebar” opener/closer is hidden in the hamburger menu.

Does this not work for you or not suit your use case?

Best,
Chris