Page styling question

Current set-up : SPA Pages, Windows 10, MySQL, PHP

I would love to use the Design Mode more but I have the following problem, maybe someone can help me to get around it…

When I work on an SPA page, about 50% of the viewable area has gone to waste (as indicated by red arrows) because of my Header/Footer and Navigation Panels which are part of the master page. The Header/Footer and Navigation Panels only show as blank areas so I can’t even shrink them down by clicking on the relevant buttons.

Viewed in Chrome, with Header/Footer and Navigation Panels showing

Viewed in Chrome, with Header/Footer and Navigation Panels hidden

It’s an annoyance or at least frustrating, it’s not a deal breaker as I am very happy working in Code View.

It’s probably an easy fix, I just haven’t worked out what I am doing wrong.

Community Page
Last updated: