Published on Mar 23, 2021

How to Close Modal in Oxygen When Menu Links are Clicked

Sridhar Katakam

When using a Modal for off-canvas menu in Oxygen for one-page websites, typically we have a nav menu inside the Modal that has links to sections on the same page. After the user is taken to the target element, the modal continues to remain open.

This members-only tutorial provides the steps to close the modal when the nav menu links are clicked.

In your Oxygen Template add a Code Block at the end of all other elements.

PHP & HTML:

<?php
// echo "hello world!";
?>

JavaScript:

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