I've been following DevTips tutorial on how to make a Sliding Sidebar with CSS. Basically long story short. The "page-content" class is what holds the actual website. I've put a box inside the page-content div named "main-content-box" which is display:flex. I have a header, main-content, and footer div's. The "main-content" has text in the form of Lorem Ipsum Paragraphs as placeholders.
Basically the page isn't scrolling. I dont know why. Maybe its because of my z-index... I'm not really sure how to describe whats going on. Here's my GitHub Repo on the matter. I've also attached the DevTips GitHub Repo as well as a guide/reference. I've modified the default files to include a background image as well. So it looks nice.
I've tried posting on the youtube tutorial video that DevTips released but no response. I put the Youtube Video inside the Git Repo.
Any help is appreciated. I'm new here so I'm sorry if i did something wrong or didn't provide enough information. :(
J. Robinson
My Documents https://github.com/JDsWebService/StackOverflow_Question
DevTips Default Documents https://github.com/DevTips/HTML-and-CSS-slide-out-navigation
The issue was dealt with by checking the label with the .toggle class. It was taking up the entire screen. set a fixed width on the label and problem was solved.
Check repository here for more information and problem solution.