Kartra helpdesk page with header, footer sections

Create a page with your header as the first section, a custom code section as the second section, and optionally a footer section as the third section.

Embed your helpdesk page using an HTML iframe tag in the custom code (second) section:

<div data-embed="true"><iframe id="help" src="https://kcsg.kartra.com/help/kcsg/get_help" style="width: 100%; height: 100%; border: none;"></iframe></div>

replacing https:kcsg.kartra.com/help/kcsg with YOUR helpdesk URL. Be sure to keep the trailing /get_help!

Paste this CSS into your page's custom page styles:

#page > .row { display: flex; flex-direction: column; height: 100vh; }
#page > .row > .content { display: flex; }
#page > .row > :nth-child(2) { flex-grow: 1; }
#page .content .container-fluid { width: 100%; }
.row .container-fluid div { height: 100%; }

NOTES

The overall page will size itself to the screen or window height and therefore will not scroll as a page. Instead, the helpdesk section will scroll as necessary in the space between the bottom of the header and the top of the footer/bottom of the screen/window. Keeping your header and footer sections as compact as possible will maximize the helpdesk section space and minimize the amount of scrolling required.