---
title: "Pop-up has scroll bar"
slug: "pop-up-has-scroll-bar"
updated: 2025-12-16T04:45:21Z
published: 2025-12-16T04:45:21Z
---

> ## 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){height="" width="500"}

* 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){height="" width="500"}

* 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){target=`_blank`}. 
* Add the following code in the Pop-up template card to avoid the scroll bar:

``` css:
overflow: hidden;
```
![clm_pop_up scroll_code](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/overflow%20hidden.png){height="" width="500"}


:::(Warning) (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 
:::