Pop-up has scroll bar

Prev Next

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

  • Reduce the height of the image container and the wfx media.
    clm_height image container and media

  • 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.

  • Add the following code in the Pop-up template card to avoid the scroll bar:

overflow: hidden;

clm_pop_up scroll_code

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