Page content pulled up under header in multiple sites

This may be simple but I’ve searched for it online and here without success. My page content, including the default page heading, is being pulled up under the header when I create a new page. My initial fix was to add a bunch of top margin to the Heading element to push it down and out from under the header. You can see that I’m actually forced to recreate the Heading element with my own Heading module and that, when the page is live, the default heading and the native “Edit” button are hidden under the header. I am using Beaver Builder Pro, Beaver Themer, Beaver Theme and Child Theme and I feel like I’m missing something important and obvious because no one would want the first Row of their page covered by the header, ever, IMO. The site in question is https://vessdocs.com. I already applied a fix for mobile there based on an earlier conversation I found that “seemed” related but that doesn’t address my issues.
The 2nd site with this issue is https://audreydesign-staging.bv6bm9j6-liquidwebsites.com/about/. This page I’ve reduced my kludgey work around down to 100px of top margin on the page heading but there are, of course, still issues with mobile.

Thanks in advance.

Maybe that in BB KB: https://kb.wpbeaverbuilder.com/article/93-show-or-hide-the-wordpress-page-title

Thanks, Avanti, I will take a look at this as a possible explanation. I really hope that’s it.

I am still experiencing this issue in every single site that I build using BB. This has to be either my misunderstanding or some in adequacy in BB as there is NO WAY this would be considered a desireable attribute. Look here for an example: https://patscarpetcleaning.bv6bm9j6-liquidwebsites.com/water-damage-huntington-beach/

This site has page headings hidden by default, the standard BB set up, and this custom heading has been added by using a Heading module. Why on earth would it appear UNDERNEATH the sitewide header by default?

Adding 120px of margin to the top under Advanced setting for the main row of the page layout puts it in the proper position but this seems like a cheesy workaround and like I’m missing something obvious. Shouldn’t page content, by default, load after the header element and NOT require propping it into a visual position using top margin?

About the header overlaying the page content, it’s probably due to… an Overlay option Set somewhere on the header in the customizer if it’s a BB Theme header or in the Themer header layout settings if it’s a Themer header.

Hmm, i’m not sure there’s an overlay option for header in BB Theme, seeing in the KB it can be achieved with custom CSS:

But for a Themer header, there’s such an option for sure: https://kb.wpbeaverbuilder.com/article/437-themer-header-layout-type