Especially if we want to scroll the content down. Then we'll need to scroll up to hide the sidebar and then scroll down again.
So I'd like that in the "mobile" state the sidebar (and all its content) would lose its "position:fixed" property.
3. The 3rd problem is that the sidebar could be too big to fit into the screen.
So it would need "overflow:scroll".
But "overflow:scroll" adds ugly scrollbars, and it adds them even if they are not needed.
It's really wrong to have scrollbars on the sidebar when it is on the screen completely.
So I tried "overflow:auto", but it doesn't work.
It doesn't show the scrollbar when I enlarge the site so that scrollbar gets truncated.
I think that all 3 problems would need some template manipulations, my skills are too basic for that.
So could kind Anika or anyone help in solving this interesting task?
(Also there may be some interesting decisions about positioning the sidebar relatively to the page header when it is on the screen).