Mobile Menu in Oxygen Builder

Veröffentlicht am: 03 Juli 2021
auf dem Kanal: DPlugins
8,839
94

Build a Real Slide-In Mobile Menu in Oxygen Builder (No Default Menu)

Replace Oxygen's default mobile menu with a fully custom one, built from basic elements (Div, Link Wrapper, Image, Nav) with responsive collapse disabled — then wire up the slide-in toggle with a Scripts Organizer script instead of Oxygen's built-in responsive settings.

In this video:
• Build the header structure: logo, nav, and a mobile trigger icon
• Set the nav's mobile responsive behavior to "Never" so Oxygen's default collapse never kicks in
• Position the mobile menu panel absolutely, hidden off-screen by default
• Assign IDs to the trigger and the menu panel for scripting
• Add the toggle JS via Scripts Organizer (easier to manage than a raw code block)
• Confirm a fully functional slide-in mobile menu, styled entirely by you

———
🔧 DPlugins — WordPress tools for Gutenberg, Tailwind CSS & visual builders (Bricks, Oxygen): https://dplugins.com
👇 Questions or feature requests? Drop them in the comments.

#WordPress #Gutenberg #DPlugins


Auf dieser Seite können Sie das Online-Video Mobile Menu in Oxygen Builder mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer DPlugins 03 Juli 2021 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 8,839 Mal angesehen und es wurde von 94 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!