This is what I want the content between the header and footer to look like: Correct with no enfold. It’s just an html file that has references to the css and js it needs.

This is what it ends up looking like: Enfolded

I have the enfolded one running as a child theme where I use the child functions.php to put in the js and css necessary for the html file using the wp_register and wp_enqueue functions. It’s also set up only to run for the hitachi page. And it mostly works, the tabs work (although there spacing isn’t correct), most of the styling is there, but there are paragraphs out of place and the content header images aren’t lined up and the fonts aren’t loading properly either. What I imagine is happening is the css from enfold is affecting the main content area. What I need is to have the enfold header and footer menus, with correct looking content between them. And I apparently don’t know how to do it.

Can you help?

If I were to use the iframe method how would I include the necessary js and css files? I assume the proper way is for them to be loaded is through one of the php files, but I wouldn’t know how to do that.