How to make content visible that is hidden beneath headers and footers

Here is my App Structure:

Screen Shot 2020-04-21 at 6.51.13 AM1050×340 38.4 KB

Header_Home.php is Fixed Top.
Footer_Home_Bottom_Default.php is set to Fixed Bottom.

When you size to a smaller viewport the top of the “about” section is hidden beneath the header as is the bottom of the “About” content hidden beneath the footer. In the footer region, you can’t scroll high enough to make the content visible. I tried sizing the containers but that did not help. How can I fix this so that everything would be visible via scrolling and nothing hidden?

Any suggestions would be appreciated.