This members-only tutorial provides the steps to combine CSS-animated hamburger and Simple Hamburger Menu and implement in Oxygen.
Note: Since we are going to build the overlay content visually inside Oxygen, any content can be placed inside the overlay that slides down and not just a nav menu.
Step 1
Edit your Main Catch All Template with Oxygen editor.
Add a Code Block where you want to show the hamburger icon.
PHP & HTML:
<button class="hamburger hamburger--spin" type="button">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
JavaScript:
This is a premium members-only content.
To view the rest of the content, please sign up for membership ($47/month or $599 one-time).
Already a member? Log in below or here.