A plugin that combines Superfish + StudioPress' ResponsiveMenus.js + CSS-animated hamburger for a responsive menu in WordPress.
Implements Superfish + ResponsiveMenus.js + CSS-animated hamburger in Oxygen.
At the responsive breakpoint (959px by default), the menu will collapse into a hamburger (with the word Menu
to its right). Tapping on the menu toggle button will smoothly slide open the menu and the hamburger will animate into a x.
Menu items that have children will have a down arrow which when tapped will expand to show the sub menu. Tapping on the up arrow will collapse the sub menu.
It is also possible to expand the menu without it pushing the page content below by uncommenting lines 193-198 in main.css.
CT_VERSION
with '1.0.0'
in the plugin's PHP file.Download ZIP
button at the right to download the plugin.oxygen-responsive-menu-master
folder to the /wp-content/plugins/
directory.Plugins
menu in WordPress.Use [oxygen-responsive-menu menu="Main Menu"]
shortcode to display a WordPress menu named Main Menu
.
If your menu is already named Main Menu
, you can omit the shortcode parameter and just use [oxygen-responsive-menu]
.
Follow this blog post for step-by-step instructions for implementing this in Oxygen.