Template compatibility

The drawer's styles are scoped to the drawer, so your template's CSS doesn't change how it looks, and the drawer doesn't change your template. The drawer opens in the browser's top layer, above sticky headers and menus, so you don't need to adjust z-index values.

If your fixed header shifts when the drawer opens, add its CSS selector to Sticky header selectors on the Layout tab. For small tweaks, use the Custom CSS field instead of editing template files.