Text and Video

Custom Popup Modal Windows

Once the popup is open, scrolling of the entire page is disabled using custom code (body = overflow hidden). This helps longer content in the popup overlay to scroll more comfortably without accidentally scrolling the whole page. For the video popup, additional custom jQuery code is needed to stop the video from running in the background when the close button is clicked.

Watch Tutorial

Copy and paste the popup-group div into your project. Insert your modal content inside the popup-content div

You can use whatever you want as a popup toggle. Just make sure to place it inside of the popup-toggle link element.

Tutorial