> For the complete documentation index, see [llms.txt](https://docs.webexp.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.webexp.dev/drift-shopify-theme/drift-studio/sections-and-features/loading-screen.md).

# Loading Screen

A full-screen splash that appears while the site loads. **Studio only.**

## How to access

In the customizer, edit the **DRIFT Loading Screen** section in the footer group.

## Loading screen

### Enable loading screen

Master switch. Turn off and back on to preview the loading screen while editing.

## Content

### Content style

Choose what appears on the loading screen:

* **Logo only**
* **Logo + tagline**
* **Logo + loading bar**

### Logo — light mode

Shown when the site is in light mode. If only one logo is uploaded, it shows for both modes.

### Logo — dark mode

Shown when the site is in dark mode.

### Logo max height

Range from 30 to 150 pixels. Default: 60.

### Tagline

Text shown below the logo. Only visible when content style is **Logo + tagline**. Default: `Dropping soon`.

## Behavior

### Show frequency

How often the loading screen displays:

* **Once per session** — Until the browser closes.
* **Every page load** — Shown on every navigation.
* **Once per visit (cookie)** — Won't show again for the number of days set below.

### Don't show again for (days)

Range from 1 to 30. Only applies when frequency is set to **Once per visit (cookie)**.

### Minimum display time

Range from 1 to 5 seconds. The screen stays visible for at least this long, even if the page loads faster.

## Animation

### Exit animation

Choose how the loading screen exits — **Fade out**, **Slide up**, or **Scale + fade**.