# Scroll depth and devices

> How far down do visitors scroll, and do they click differently on a phone than on a computer? This article shows you how to see both in Live Heatmaps.

## Requirements

- You have opened Live Heatmaps.

## Scroll depth

At the bottom center you always see what percentage of page views scrolled down to the spot you are looking at right now. As you scroll down, the number gets smaller and the pink bar in the indicator fills up.

![Screenshot of the sitebrunch extension: The gift voucher section further down the vinodo.de home page. The voucher amounts and the “In den Warenkorb legen” (add to cart) button carry their click counts, the button for example 10. At the bottom center the indicator “59% Scrolled here”.](https://website-assets.sitebrunch.com/storage/hilfecenter/ux/live-heatmaps/scrolltiefe.jpg)

On vinodo.de, 59% of visits get as far as the gift voucher. So about 4 in 10 never see the “In den Warenkorb legen” (add to cart) button. Few clicks on an element therefore don't always mean that nobody is interested in it. Sometimes hardly anyone gets that far.

> **Tip:** If an important button sits at a spot with low scroll depth, try moving it further up.

## Look at another device

At the top right you choose how the page is displayed: “Desktop”, “Tablet”, “Mobile” or “Mobile (landscape)”, meaning the phone turned sideways. The heatmap and scroll depth then only show visits from this device.

![Screenshot of the sitebrunch extension in the Mobile view. The vinodo.de home page is shown narrow, as on a phone. The buttons Weißweinproben (white wine tastings) and Rotweinproben (red wine tastings) show 164 and 107 clicks with a phone icon. At the top right the phone icon is highlighted in the device selection.](https://website-assets.sitebrunch.com/storage/hilfecenter/ux/live-heatmaps/ansicht-mobile.jpg)

On vinodo.de, two thirds of visits come from phones. There the menu hides behind an icon, so the two large buttons are the fastest way to the wine tastings.

> **Note:** Some websites build separate elements for phones, for example a separate menu. That's why an element can have clicks in one view and 0 in the other.

With “−” and “+” next to the device selection you zoom the page out or in.

---

- Previous article: [Read clicks](https://www.sitebrunch.com/en/hilfecenter/user-experience/live-heatmaps/read-clicks.md)
- Next article: [Filter by source and goal](https://www.sitebrunch.com/en/hilfecenter/user-experience/live-heatmaps/filter-by-source-and-goal.md)

## Help Center: contents

- [Accessibility](https://www.sitebrunch.com/en/hilfecenter/accessibility.md)
  - [Getting started](https://www.sitebrunch.com/en/hilfecenter/accessibility/getting-started.md)
    - [Create a project](https://www.sitebrunch.com/en/hilfecenter/accessibility/getting-started/create-a-project.md)
    - [Set up WCAG monitoring](https://www.sitebrunch.com/en/hilfecenter/accessibility/getting-started/set-up-wcag-monitoring.md)
    - [Check a PDF](https://www.sitebrunch.com/en/hilfecenter/accessibility/getting-started/check-a-pdf.md)
  - [WCAG monitoring](https://www.sitebrunch.com/en/hilfecenter/accessibility/wcag-monitoring.md)
    - [The monitoring overview](https://www.sitebrunch.com/en/hilfecenter/accessibility/wcag-monitoring/the-monitoring-overview.md)
    - [Add pages to monitoring](https://www.sitebrunch.com/en/hilfecenter/accessibility/wcag-monitoring/add-pages-to-monitoring.md)
    - [Email notifications](https://www.sitebrunch.com/en/hilfecenter/accessibility/wcag-monitoring/email-notifications.md)
  - [Audits](https://www.sitebrunch.com/en/hilfecenter/accessibility/audits.md)
    - [Create an audit](https://www.sitebrunch.com/en/hilfecenter/accessibility/audits/create-an-audit.md)
    - [Complete a testing step](https://www.sitebrunch.com/en/hilfecenter/accessibility/audits/complete-a-test-step.md)
    - [The audit report](https://www.sitebrunch.com/en/hilfecenter/accessibility/audits/the-audit-report.md)
    - [Create a re-audit](https://www.sitebrunch.com/en/hilfecenter/accessibility/audits/create-a-re-audit.md)
- [User Experience](https://www.sitebrunch.com/en/hilfecenter/user-experience.md)
  - [Getting started](https://www.sitebrunch.com/en/hilfecenter/user-experience/getting-started.md)
    - [Set up a project](https://www.sitebrunch.com/en/hilfecenter/user-experience/getting-started/set-up-a-project.md)
    - [Install the snippet](https://www.sitebrunch.com/en/hilfecenter/user-experience/getting-started/install-the-snippet.md)
    - [From install to first visit](https://www.sitebrunch.com/en/hilfecenter/user-experience/getting-started/from-install-to-first-visit.md)
    - [Read the weekly overview](https://www.sitebrunch.com/en/hilfecenter/user-experience/getting-started/read-the-weekly-overview.md)
  - [Metrics](https://www.sitebrunch.com/en/hilfecenter/user-experience/metrics.md)
    - [The Metrics overview](https://www.sitebrunch.com/en/hilfecenter/user-experience/metrics/the-metrics-overview.md)
    - [Filter and compare](https://www.sitebrunch.com/en/hilfecenter/user-experience/metrics/filter-and-compare.md)
    - [Pages and sections](https://www.sitebrunch.com/en/hilfecenter/user-experience/metrics/pages-and-sections.md)
    - [Analyze campaigns](https://www.sitebrunch.com/en/hilfecenter/user-experience/metrics/analyze-campaigns.md)
  - [Conversions](https://www.sitebrunch.com/en/hilfecenter/user-experience/conversions.md)
    - [Set up events and goals](https://www.sitebrunch.com/en/hilfecenter/user-experience/conversions/set-up-events-and-goals.md)
    - [The Conversions overview](https://www.sitebrunch.com/en/hilfecenter/user-experience/conversions/the-conversions-overview.md)
    - [Analyze interactions](https://www.sitebrunch.com/en/hilfecenter/user-experience/conversions/analyze-interactions.md)
    - [Create a funnel](https://www.sitebrunch.com/en/hilfecenter/user-experience/conversions/create-a-funnel.md)
  - [Journeys](https://www.sitebrunch.com/en/hilfecenter/user-experience/journeys.md)
    - [Journeys at a glance](https://www.sitebrunch.com/en/hilfecenter/user-experience/journeys/journeys-at-a-glance.md)
    - [See where visits go](https://www.sitebrunch.com/en/hilfecenter/user-experience/journeys/see-where-visits-go.md)
    - [Create a route](https://www.sitebrunch.com/en/hilfecenter/user-experience/journeys/create-a-route.md)
    - [Read backwards from a goal](https://www.sitebrunch.com/en/hilfecenter/user-experience/journeys/read-backwards-from-a-goal.md)
  - [Live Heatmaps](https://www.sitebrunch.com/en/hilfecenter/user-experience/live-heatmaps.md)
    - [Live Heatmaps at a glance](https://www.sitebrunch.com/en/hilfecenter/user-experience/live-heatmaps/live-heatmaps-at-a-glance.md)
    - [Read clicks](https://www.sitebrunch.com/en/hilfecenter/user-experience/live-heatmaps/read-clicks.md)
    - [Scroll depth and devices](https://www.sitebrunch.com/en/hilfecenter/user-experience/live-heatmaps/scroll-depth-and-devices.md) (this article)
    - [Filter by source and goal](https://www.sitebrunch.com/en/hilfecenter/user-experience/live-heatmaps/filter-by-source-and-goal.md)
