# Parallax with menu

The parallax with menu section combines a full-height parallax scrolling background with a navigational menu overlay. It is designed for immersive, interactive experiences where users can navigate featured links or categories directly from a visually rich parallax layout.

<figure><img src="/files/YyZsclh2NHdEvOpq1Snp" alt=""><figcaption></figcaption></figure>

#### Enable button

Controls whether a button is displayed within each slide. When enabled, only slides that include a button label will be rendered.

#### Badge text

Optional text displayed as a badge within the section. Leave blank to omit.

#### Badge style

Defines the visual style of the badge. Default is “None”.

#### Meta text

Optional supporting text displayed within the section for additional context or description.

#### Slide height (desktop)

Defines the height of the parallax section on desktop, measured as a percentage of the viewport height. Default is 100 for full-screen display.

#### Slide height (mobile)

Defines the height of the parallax section on mobile devices. Default is 100 for full-screen presentation.

#### Foreground

Sets the text color used throughout the section. Default is white (#FFFFFF) for contrast against background imagery.

#### Text style

Controls typography styling for section text, including optional custom sizing and line height adjustments.

#### Font size (desktop)

Sets the font size for text on desktop devices. Default is 2.

#### Font size (mobile)

Sets the font size for text on mobile devices. Default is 2.

#### Line height (desktop)

Defines the spacing between lines of text on desktop devices. Default is 1.

#### Line height (mobile)

Defines the spacing between lines of text on mobile devices. Default is 1.

#### Text transform

Controls text casing behavior. Set to “Inherit” to preserve original formatting.

#### Button style

Defines the visual style of buttons within the section. Default is “Background”, with support for custom foreground, background, and border colors.

#### Button size

Controls the size of the button. Options include Small, Medium, or Large depending on design emphasis.

#### Vertical spacing

Controls the spacing around the section to adjust its separation from surrounding content.

#### Vertical spacing (desktop)

Sets the vertical spacing applied on desktop devices. Default is Large.

#### Vertical spacing (mobile)

Sets the vertical spacing applied on mobile devices to ensure consistent spacing across screen sizes.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://gatame.gitbook.io/highstreet/dynamic-sections/editorial/parallax-with-menu.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.