I’m trying (unsuccessfully) to make SidePanel CSS sticky.
I have created a SidePanel on the left hand side of the screen and contained within a contact form, using Form base.
With SidePanel, i have just an icon denoting the contact form (font awesomes open envelope). The side panel works absolutely fine, however I’d like to make it fixed at 400 or so pixels from the top of the page and cannot fathom out how to do it.
I’ve tried Pin, which kind of works, though I cannot seem to get the background transparent - opacity is set to 0%. The page has a number of solid coloured sections - dark grey through to white. Pin woks fine on a white background, yet setting it to its minimum width of 1 pixel wide I get a white strip showing on the left. This is OK for white backgrounds as it doesn’t show. However on a dark background you can see the strip.
Any ideas what I’ve done wrong?
Any ideas for an alternative way of achieving the same effect?
Thanks in anticipation,