So the elearner preset works best and is only really tested with the Layout Chooser: Centered Content / Full Screen Header Image. That is because this preset is designed to show the background image and so having the full screen layout is what it is designed to use.
I think, but cannot be certain by your screenshots that you are using the Boost Default Layout Chooser. The Boost default layout is for the Boost Preset and the new Perception Preset out of the box. Not every Style Preset is going to look great with every layout. The main culprit is the Boost default layout. It's designed to try and make Fordson look like Boost.
With that said, I've discovered a few things I can change in the eLearner Preset that will make it more compatible with the changes in Boost found in Moodle 3.6.
I'll be publishing a change soon that should help you out with your desired configuration of Fordson.