> ## Documentation Index
> Fetch the complete documentation index at: https://docs.digifist.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Quick Links

> Configure Everest's quick links section and its main settings, content structure, and styling controls.

The Quick Links section lets you control the content, layout, and presentation of this part of the Everest storefront. Most changes happen directly in the Theme Customizer, so you can adjust structure first and then refine styling, spacing, and supporting blocks with confidence.

<img src="https://mintcdn.com/digifist/7Yd2hsuIhI35CDNy/images/theme/everest/sections/quick-links/quick-links-overview.png?fit=max&auto=format&n=7Yd2hsuIhI35CDNy&q=85&s=3a2c74b39d5cd3c2a9fcbf6753b802a4" alt="Quick Links overview" width="3280" height="2186" data-path="images/theme/everest/sections/quick-links/quick-links-overview.png" />

## What this section controls

* Headings, text content, and on-page messaging
* Images, videos, and other media presentation options
* Layout structure, width, alignment, and spacing
* Calls to action, links, and navigation behavior
* Color schemes, contrast, and shared visual styling
* Block types such as Quick Link

## Getting started

<Steps>
  <Step title="Open the Theme Customizer">
    In Shopify admin, go to **Online Store** -> **Themes** -> **Customize**.
  </Step>

  <Step title="Add or open Quick Links">
    Add the **Quick Links** section to a compatible template or select the existing section from the left sidebar.
  </Step>

  <Step title="Adjust the main settings first">
    Start with the structural settings such as layout, width, color scheme, spacing, or content source before refining smaller details.
  </Step>

  <Step title="Review blocks and supporting content">
    Add, remove, or reorder blocks after the main layout feels right so content hierarchy stays easier to manage.
  </Step>
</Steps>

<img src="https://mintcdn.com/digifist/7Yd2hsuIhI35CDNy/images/theme/everest/sections/quick-links/quick-links-location.png?fit=max&auto=format&n=7Yd2hsuIhI35CDNy&q=85&s=a4eeb8ee966332953c933b84b5757fcc" alt="Quick Links location in Theme Customizer" width="3280" height="2186" data-path="images/theme/everest/sections/quick-links/quick-links-location.png" />

## Section settings

### Layout

<img src="https://mintcdn.com/digifist/7Yd2hsuIhI35CDNy/images/theme/everest/sections/quick-links/quick-links-layout.png?fit=max&auto=format&n=7Yd2hsuIhI35CDNy&q=85&s=f96d016d77fe518a8ca6457787e2b223" alt="Quick Links Layout settings" width="3280" height="2186" data-path="images/theme/everest/sections/quick-links/quick-links-layout.png" />

<AccordionGroup>
  <Accordion title="Desktop" icon="eye">
    Choose how **Desktop** behaves in the section.

    It has the strongest effect on layout balance and visual hierarchy.

    **Available options:** Grid, Carousel.

    **Default:** `grid`
  </Accordion>

  <Accordion title="Mobile" icon="eye">
    Choose how **Mobile** behaves in the section.

    It has the strongest effect on layout balance and visual hierarchy.

    **Available options:** Grid, Carousel.

    **Default:** `grid`
  </Accordion>
</AccordionGroup>

### Number of columns

<img src="https://mintcdn.com/digifist/7Yd2hsuIhI35CDNy/images/theme/everest/sections/quick-links/quick-links-number-of-columns.png?fit=max&auto=format&n=7Yd2hsuIhI35CDNy&q=85&s=691aac1e5dfb3294aa118a310f72c6f6" alt="Quick Links Number of columns settings" width="3280" height="2186" data-path="images/theme/everest/sections/quick-links/quick-links-number-of-columns.png" />

<AccordionGroup>
  <Accordion title="Desktop" icon="eye">
    Adjust **Desktop** with a slider-based control.

    It has the strongest effect on layout balance and visual hierarchy.

    **Range:** `1` to `12`  **Default:** `3`
  </Accordion>

  <Accordion title="Mobile" icon="eye">
    Adjust **Mobile** with a slider-based control.

    It has the strongest effect on layout balance and visual hierarchy.

    **Range:** `1` to `2.4`  **Default:** `1`
  </Accordion>
</AccordionGroup>

### Carousel layout

<img src="https://mintcdn.com/digifist/F1GAV19RsJHhaiJ_/images/theme/everest/sections/quick-links/quick-links-carousel-layout.png?fit=max&auto=format&n=F1GAV19RsJHhaiJ_&q=85&s=f674be60191e61d76372c32f58b44c6a" alt="Quick Links Carousel layout settings" width="3280" height="2186" data-path="images/theme/everest/sections/quick-links/quick-links-carousel-layout.png" />

<AccordionGroup>
  <Accordion title="Navigation" icon="bars">
    Choose how **Navigation** behaves in the section.

    Make sure the chosen option still feels easy to scan and use on smaller screens.

    **Available options:** None, 1, 2.

    **Default:** `none`
  </Accordion>

  <Accordion title="Color for navigation" icon="palette">
    Select the color scheme used for **color for navigation**.

    Use this to keep contrast and branding consistent with the rest of the store.

    **Default:** `scheme-1`
  </Accordion>

  <Accordion title="Pagination" icon="sparkles">
    Choose how **Pagination** behaves in the section.

    **Available options:** None, Dots, Dynamic, Progress.

    **Default:** `none`
  </Accordion>

  <Accordion title="Overflow" icon="sparkles">
    Enable or disable **Overflow**.

    **Default:** `disabled`

    Overflow is available only when the featured card layout is normal.
  </Accordion>
</AccordionGroup>

### Card

<img src="https://mintcdn.com/digifist/F1GAV19RsJHhaiJ_/images/theme/everest/sections/quick-links/quick-links-card.png?fit=max&auto=format&n=F1GAV19RsJHhaiJ_&q=85&s=18f48a06c1b9555ce8f75320508e688f" alt="Quick Links Card settings" width="3280" height="2186" data-path="images/theme/everest/sections/quick-links/quick-links-card.png" />

<AccordionGroup>
  <Accordion title="Color scheme" icon="palette">
    Select the color scheme used for **color scheme**.

    Use this to keep contrast and branding consistent with the rest of the store.
  </Accordion>

  <Accordion title="Card frame" icon="sparkles">
    Choose how **Card frame** behaves in the section.

    **Available options:** None, Border.

    **Default:** `none`
  </Accordion>

  <Accordion title="Corner radius" icon="sparkles">
    Choose how **Corner radius** behaves in the section.

    **Available options:** No, S, M, L, ↺.

    **Default:** `default`
  </Accordion>

  <Accordion title="Card padding" icon="grid">
    Choose how **Card padding** behaves in the section.

    **Available options:** No, S, M, L.

    **Default:** `md`
  </Accordion>

  <Accordion title="Enable auto width" icon="grid">
    Enable or disable **Enable auto width**.

    It has the strongest effect on layout balance and visual hierarchy.

    **Default:** `disabled`

    This setting only appears when its related parent option is enabled.
  </Accordion>
</AccordionGroup>

### Content

<img src="https://mintcdn.com/digifist/7Yd2hsuIhI35CDNy/images/theme/everest/sections/quick-links/quick-links-content.png?fit=max&auto=format&n=7Yd2hsuIhI35CDNy&q=85&s=203a20e21e4cc4ac9535846c13a2d33c" alt="Quick Links Content settings" width="3280" height="2186" data-path="images/theme/everest/sections/quick-links/quick-links-content.png" />

<AccordionGroup>
  <Accordion title="Show card labels" icon="text-size">
    Enable or disable **Show card labels**.

    **Default:** `disabled`
  </Accordion>

  <Accordion title="Horizontal alignment" icon="sparkles">
    Choose how **Horizontal alignment** behaves in the section.

    It has the strongest effect on layout balance and visual hierarchy.

    **Available options:** ⇤, Center, ⇥.

    **Default:** `center`
  </Accordion>
</AccordionGroup>

### Media

<img src="https://mintcdn.com/digifist/7Yd2hsuIhI35CDNy/images/theme/everest/sections/quick-links/quick-links-media.png?fit=max&auto=format&n=7Yd2hsuIhI35CDNy&q=85&s=4203cdfc2cd3eb644782475e259410d9" alt="Quick Links Media settings" width="3280" height="2186" data-path="images/theme/everest/sections/quick-links/quick-links-media.png" />

<AccordionGroup>
  <Accordion title="Show card media" icon="image">
    Enable or disable **Show card media**.

    Review the result on both desktop and mobile when media changes are involved.

    **Default:** `enabled`
  </Accordion>

  <Accordion title="Media height" icon="image">
    Adjust **Media height** with a slider-based control.

    It has the strongest effect on layout balance and visual hierarchy.

    **Range:** `0.4` to `20.0`  **Default:** `10.0rem`

    This setting only appears when its related parent option is enabled.
  </Accordion>

  <Accordion title="Media padding" icon="image">
    Choose how **Media padding** behaves in the section.

    Review the result on both desktop and mobile when media changes are involved.

    **Available options:** No, S, M, L.

    **Default:** `md`

    This setting only appears when its related parent option is enabled.
  </Accordion>

  <Accordion title="Media shape" icon="image">
    Choose how **Media shape** behaves in the section.

    Review the result on both desktop and mobile when media changes are involved.

    **Available options:** Default, Square, Circle.

    **Default:** `default`

    This setting only appears when its related parent option is enabled.
  </Accordion>

  <Accordion title="Enable mix blend mode" icon="sparkles">
    Enable or disable **Enable mix blend mode**.

    **Default:** `disabled`

    This setting only appears when its related parent option is enabled.

    Applies blend mode effect to the media based on the mix blend color.
  </Accordion>

  <Accordion title="Mix blend color" icon="palette">
    Controls **mix blend color**.

    Use this to keep contrast and branding consistent with the rest of the store.

    **Default:** `#f1f1f1`

    This setting only appears when its related parent option is enabled.
  </Accordion>
</AccordionGroup>

### Common settings

<img src="https://mintcdn.com/digifist/F1GAV19RsJHhaiJ_/images/theme/everest/sections/quick-links/quick-links-common-settings.png?fit=max&auto=format&n=F1GAV19RsJHhaiJ_&q=85&s=011af6b15788254695f86f8cd0c2b869" alt="Quick Links Common settings" width="3280" height="2186" data-path="images/theme/everest/sections/quick-links/quick-links-common-settings.png" />

<AccordionGroup>
  <Accordion title="Section width" icon="grid">
    Choose how **Section width** behaves in the section.

    This setting shapes the section container and how it sits against surrounding content.

    **Available options:** Page, Fluid, Full.

    **Default:** `page`
  </Accordion>

  <Accordion title="Color scheme" icon="palette">
    Select the color scheme used for **color scheme**.

    Use this to keep contrast and branding consistent with the rest of the store.

    **Default:** `scheme-1`
  </Accordion>

  <Accordion title="Top spacing" icon="grid">
    Choose how **Top spacing** behaves in the section.

    This setting shapes the section container and how it sits against surrounding content.

    **Available options:** No, S, M, L, XL.

    **Default:** `2`
  </Accordion>

  <Accordion title="Bottom spacing" icon="grid">
    Choose how **Bottom spacing** behaves in the section.

    This setting shapes the section container and how it sits against surrounding content.

    **Available options:** No, S, M, L, XL.

    **Default:** `2`
  </Accordion>

  <Accordion title="Section border" icon="grid">
    Choose how **Section border** behaves in the section.

    This setting shapes the section container and how it sits against surrounding content.

    **Available options:** None, Top, Bottom, Both.

    **Default:** `none`
  </Accordion>
</AccordionGroup>

## Block settings

### Quick Link

<img src="https://mintcdn.com/digifist/F1GAV19RsJHhaiJ_/images/theme/everest/sections/quick-links/quick-links-quick-link.png?fit=max&auto=format&n=F1GAV19RsJHhaiJ_&q=85&s=292e23e6c007aab4686024835c3ed6f8" alt="Quick Links Quick Link settings" width="3280" height="2186" data-path="images/theme/everest/sections/quick-links/quick-links-quick-link.png" />

This block controls the **quick link** content used inside the Quick Links section.

### Settings

<img src="https://mintcdn.com/digifist/F1GAV19RsJHhaiJ_/images/theme/everest/sections/quick-links/quick-links-settings.png?fit=max&auto=format&n=F1GAV19RsJHhaiJ_&q=85&s=8e7f06c6120b0b30076094f14cc6706d" alt="Quick Links Settings settings" width="3280" height="2186" data-path="images/theme/everest/sections/quick-links/quick-links-settings.png" />

<AccordionGroup>
  <Accordion title="Card link" icon="link">
    Set the destination URL for **card link**.

    Keep action labels short so they remain readable across devices.
  </Accordion>

  <Accordion title="Card label" icon="text-size">
    Enter the content used for **card label**.

    This setting only appears when its related parent option is enabled.

    If left blank, the card label will use the linked page's title.
  </Accordion>
</AccordionGroup>

### Media

<img src="https://mintlify.s3.us-west-1.amazonaws.com/digifist/images/theme/everest/sections/quick-links/quick-links-media-2.png" alt="Quick Links Media settings" />

<AccordionGroup>
  <Accordion title="Image" icon="image">
    Upload or choose an image for **image**.

    Review the result on both desktop and mobile when media changes are involved.

    This setting only appears when its related parent option is enabled.
  </Accordion>

  <Accordion title="Video" icon="video">
    Choose a hosted video for **video**.

    Review the result on both desktop and mobile when media changes are involved.

    This setting only appears when its related parent option is enabled.

    Overwrites the image.
  </Accordion>

  <Accordion title="External video" icon="video">
    Paste an external video URL for **external video**.

    Review the result on both desktop and mobile when media changes are involved.

    This setting only appears when its related parent option is enabled.

    Overwrites the image and video. We recommend above video option for better performance, external videos can cause performance issues. Use a YouTube or Vimeo URL.
  </Accordion>

  <Accordion title="Aspect ratio" icon="grid">
    Choose how **Aspect ratio** behaves in the section.

    It has the strongest effect on layout balance and visual hierarchy.

    **Available options:** Default, Auto, 1:1, 4:3, 3:4, 3:2, 2:3, 5:4, 4:5, 16:9, 9:16, 2:1, 4:1, 8:1, 1:2.

    **Default:** `auto`

    This setting only appears when its related parent option is enabled.
  </Accordion>
</AccordionGroup>

## Best practices

* Check contrast after changing color schemes so text and controls remain easy to read.
* Review media-heavy layouts on both desktop and mobile before publishing.
* Keep labels short and scannable, especially in tighter layouts or utility areas.
* Adjust layout changes alongside neighboring sections so page rhythm stays consistent.
* Start with the structural settings first, then refine decorative styling after the layout feels settled.

## Related guides

* [Everest Theme Overview](/themes/everest/index)
* [Everest Header](/themes/everest/header/header)
