When force disabling transparent navigation and using a header image + header title, there are two errors that I can tell:

1. The top-padding of the main content does not work. I'm forced to manually add padding into the top of each page.

2. More problematic is that the height of the background image is cut almost in half on mobile. As a result, the page title is aligned bottom or cut off. See attached.

I may have submitted a similar ticket awhile back. I've run into this issue before I believe. FWIW I also tried establishing the header height at different intervals to see if that would help on mobile, and it didn't. 

Thanks for your help!

Hey there - sorry for the delay. I confirmed it's not a plugin. 

Check it out - notice the location of the breadcrumbs for reference:

Works correctly when disabling transparency on the page: http://www.audiofetch.com/about/how-it-works/

Here is what happens when a transparent nav is turned on: http://www.audiofetch.com/venues/assisted-listening/ 

The offending CSS appears to be:

body[data-bg-header="true"] .container-wrap {padding-top: 0!important;} located in the main styel.css of the parent theme. 

It's also quite possible I'm misusing the theme considering the above CSS is quite intentional, so let please let me know if that's the case. Thanks!

Also - I just added this to my child theme as a fix so the links I referenced will likely render correctly.

body[data-bg-header="true"] .container-wrap { padding-top: 50px !important; }

Thanks.