Unable to remove header in ArcGIS Instant Apps

Description

Attempts to remove the header in ArcGIS Instant Apps by removing the app title name fail and the header is still displayed in the web app. The example below shows the header displayed even though the app title has been removed in the Category Gallery template.

Cause

In certain ArcGIS Instant Apps templates, the header is a required element and cannot be disabled. Removing the app title does not disable the header and the option to turn off the header is only available in specific templates.

Solution or Workaround

Note:
There is no supported method to remove the header in templates where it is a required element. The CSS code below only applies to certain templates.

1. Log in to ArcGIS Instant Apps and click the My Apps tab.
2. Browse to the app and click Configure.
3. In the configuration panel, toggle Express off to access the full configuration settings for the app.

4. In the Turn off express mode window, click Continue. Turning off express mode allows for more custom configuration to the app.

5. Click Theme & Layout > Theme.

Note:
Optionally, click Search settings and type Custom CSS. The Theme & Layout panel is displayed.

6. Under Theme, click Edit in the Custom CSS section.

Warning:  
Updates to the source template in ArcGIS Instant Apps may impact an app's custom CSS.

7. In the Custom CSS window, copy and paste the following CSS code to remove the header:

header {
display:none;}

8. Click Close to run the CSS code.
9. Click Publish to save the configuration.

The image below shows the header not displayed in the web map in the Category Gallery template.