Site URL: https://greensparkstech.com.au
I have used the following CSS code to create a sticky sidebar that links to different page sections:
.markdown-block .sqs-block-content {
background-color: #fafafa;
box-shadow: 0 3px 20px rgba(0,0,0,0.08);
min-height: 0 !important;
position: fixed !important;
left: 0;
top: 30%;
transform: translateY(-50%);
z-index: 999;
padding: 20px 40px !important;
}
Which works well.
However, it doesn't look great on mobile view (block overhangs other content while scrolling), so I currently have it hidden on mobile view. What I would like to do is have a toggle button on the side that can be tapped to cause the block to slide out to use the navigation, and also make it slide back away. I'd also like it to slide away if another part of the screen is tapped while it is slid out.
Does anyone know how I might do this?
(tagging @tuanphan since you are a wiz at these things)