---
title: "Pop-up has scroll bar"
slug: "pop-up-has-scroll-bar"
updated: 2025-12-16T04:45:21Z
published: 2025-12-16T04:45:21Z
canonical: "support.whatfix.com/pop-up-has-scroll-bar"
---

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

# Pop-up has scroll bar

## Issue

When you create a Pop-up and preview it, a scroll bar appears in the Pop-up.

## Probable Causes

- The Pop-up has a lot of content that exceeds its maximum height.
- The video or image inserted is larger in size than the media container's size.
- There is spacing between the elements of the Pop-up.

## Suggested Solutions

Make the following changes to the Pop-up using the code view:

- Reduce the height of the Pop-up. ![clm_scroll_pop-up_height](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/css_height.png?sv=2026-02-06&spr=https&st=2026-11-10T17%3A35%3A29Z&se=2026-11-10T18%3A35%3A29Z&sr=c&sp=r&sig=jr2k2PjukngKQuM7oHPj1GxLAlCTjGonkTtls8YrWvI%3D)
- Reduce the height of the image container and the wfx media. ![clm_height image container and media](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/css%20height%20width.png?sv=2026-02-06&spr=https&st=2026-11-10T17%3A35%3A29Z&se=2026-11-10T18%3A35%3A29Z&sr=c&sp=r&sig=jr2k2PjukngKQuM7oHPj1GxLAlCTjGonkTtls8YrWvI%3D)
- Reduce the spacing between all the elements in the Pop-up.
- Ensure that the image or video added to the Pop-up is not too large in size. The recommended size for images in Pop-ups is 4MB. And you can adjust the video size by its height and width. For more information, see [Resize a video in a Pop-up](/studio/docs/resize-a-video-in-a-pop-up).
- Add the following code in the Pop-up template card to avoid the scroll bar:

```
overflow: hidden;
```

![clm_pop_up scroll_code](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/overflow%20hidden.png?sv=2026-02-06&spr=https&st=2026-11-10T17%3A35%3A29Z&se=2026-11-10T18%3A35%3A29Z&sr=c&sp=r&sig=jr2k2PjukngKQuM7oHPj1GxLAlCTjGonkTtls8YrWvI%3D)

          Note:

          

The scroll bar appears when there is a variation in the screen resolution. Low screen resolution also causes the scroll bar to appear. It's recommended to use the original