Published on May 10, 2019

UIKit for Oxygen Modals

Sridhar Katakam

This members-only tutorial provides the steps to apply UIKit for Oxygen's Modal components so they work better especially when there is overflow compared to the earlier shared fix.

Live Demo (scroll down until you see the Open Modal button)

Step 1

Load UIKit in your WordPress site by following Step 1 of this tutorial.

Step 2

Let's add markup (data attributes, classes) and insert the close button as needed by UIKit using some custom jQuery. The code is set to handle multiple modals and need not be edited after it has been added.

This is a premium members-only content.

To view the rest of the content, please sign up for membership ($47/month or $499 one-time).

Already a member? Log in below or here.

tagschevron-leftchevron-rightchainangle-rightangle-upangle-downfolder-omagnifiercrossmenuchevron-downarrow-right