# Footer

### Section overview

The theme footer section renders the global footer container for site-wide links and supporting content. It provides configurable spacing, color, border, alignment, visibility, and optional background media behavior.

#### Common use cases

* Building the primary footer layout for all storefront pages.
* Styling footer background and border treatments to match theme branding.
* Controlling footer alignment and spacing for desktop and mobile layouts.
* Enabling footer-specific background image or video presentation.

#### Usage tips

* Keep footer structure simple and prioritize the most important links.
* Use consistent spacing values across footer and sub-footer areas.
* Validate footer readability when using darker color schemes or media backgrounds.
* Test visibility settings across devices before publishing.

### Section settings

| Setting                          | Description                                           |
| -------------------------------- | ----------------------------------------------------- |
| Enable background image or video | Turns on background media rendering for the footer.   |
| Image background desktop         | Background image used on desktop.                     |
| Image background mobile          | Optional background image override for mobile.        |
| Video background                 | Optional background video source.                     |
| Show video on mobile             | Enables background video playback on mobile devices.  |
| Show entire image                | Displays full image rather than cropping to fill.     |
| Top spacing                      | Adds top padding to the footer container.             |
| Bottom spacing                   | Adds bottom padding to the footer container.          |
| Minimum height                   | Sets a minimum section height.                        |
| Gap size                         | Controls spacing between child layout elements.       |
| Color scheme                     | Sets footer background and text color treatment.      |
| Color border                     | Sets footer border color style.                       |
| Border position                  | Controls where borders appear.                        |
| Y alignment                      | Aligns footer items vertically.                       |
| X alignment                      | Aligns footer items horizontally.                     |
| Enable margin                    | Applies global horizontal margin settings.            |
| Visibility                       | Controls device visibility (all, mobile, or desktop). |

### Block settings

This section supports:

* `_g__flex-item` blocks for footer layout composition.