> For the complete documentation index, see [llms.txt](https://docs.varbase.vardot.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.varbase.vardot.com/9.2.x/developers/understanding-varbase/external-components/varbase-media-header.md).

# Varbase Media Header

Populates the universal media header style on top of web pages. Which lets site builders activate that for content types.

## Varbase Media Header Module

{% hint style="info" %}
Varbase media header features are bundled through the **Varbase Media Header** module.\
GitHub: <https://github.com/Vardot/varbase_media_header>\
Drupal.org: <https://www.drupal.org/project/varbase_media_header>

After building a project using the `varbase-project` template.

**Install with Composer:** `$ composer require 'drupal/varbase_media_header:^9.0'`\
[Using Composer to manage Drupal site dependencies](https://www.drupal.org/docs/develop/using-composer/using-composer-to-manage-drupal-site-dependencies)

The code of the **Varbase Media Header** module will be located in:
{% endhint %}

```
project_directory
|-- docroot
    |-- modules
        |-- contrib
            |-- varbase_media_header
```

## Required Varbase Modules

This module needs the following Varbase modules in order to function.

### Varbase Media Module

Manages type of media contents and entity browsers in the site.

{% content-ref url="/pages/-MePkGsRz2V-jUTLLtNF" %}
[Varbase Media](/9.2.x/developers/understanding-varbase/core-components/varbase-media.md)
{% endcontent-ref %}

## Configuring Varbase Media Header

{% content-ref url="/pages/-Mkg9OA9CEZD6huRMFix" %}
[Configuring Varbase Media Header](/9.2.x/developers/configuring-a-varbase-site/configuring-varbase-media-header.md)
{% endcontent-ref %}