Mindblown: a blog about philosophy.
-
How to move an element into OffCanvas on smaller viewports in Oxygen
This members-only tutorial provides the steps to move filters created using WP Grid Builder into OxyExtras’ OffCanvas component at a specific breakpoint. Two approaches are covered. window.matchMedia – run a line of JS code that moves the filters into the OffCanvas at the media condition. This means we will not see the “action” (that of…
-
Off Canvas Element with Animated Trigger (OxyPowerPack)
In this tutorial we’ll walk through the process of building a custom off-canvas element, triggered by an animated burger style toggle button in Oxygen. We’ll be using OxyPowerPack’s Interactivity Engine to set the trigger & toggle classes to change elements when the user clicks. Live Demo The main purpose of this tutorial is not so…
-
![[Video] Off Canvas Panel with Expandable Menu in Oxygen](https://wpdevdesign.com/wp-content/uploads/2019/08/off-canvas-menu-oxygen-expandable-menu.jpg)
[Video] Off Canvas Panel with Expandable Menu in Oxygen
This tutorial provides the steps to set up off-canvas menu in Oxygen using the Modal component and my Expandable Menu premium plugin. Note: Forgot to mention that Overflow for the Modal should be set to scroll. Summary of steps from the above screencast: Step 1 Add a hamburger icon in your header. Add cursor:pointer; in…
Got any book recommendations?