GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → srikat → oxygen-responsive-menu

srikat / oxygen-responsive-menu

Licence: GPL-2.0 license
A plugin that combines Superfish + StudioPress' ResponsiveMenus.js + CSS-animated hamburger for a responsive menu in WordPress.

Programming Languages

CSS
56736 projects
PHP
23972 projects - #3 most used programming language

Labels

pluginwordpressmenuoxygenmobile-menuresponsive-menu

Projects that are alternatives of or similar to oxygen-responsive-menu

finch
🖥 Debug menu library for Android apps with supports network activity logging and many other useful features.
Stars: ✭ 42 (+44.83%)
Mutual labels:  menu
vue3-context-menu
A very simple context menu component for Vue3 一个简洁美观简单的Vue3右键菜单组件
Stars: ✭ 74 (+155.17%)
Mutual labels:  menu
KActionMenu
Like to iOS 3D touch menu
Stars: ✭ 21 (-27.59%)
Mutual labels:  menu
TipMenu
仿QQ长按弹出复制、删除、分享提示层
Stars: ✭ 20 (-31.03%)
Mutual labels:  menu
xMenuTools
Extended context menu tools for Windows
Stars: ✭ 56 (+93.1%)
Mutual labels:  menu
AnimationMenu
Animation Menu like on Material Design way
Stars: ✭ 49 (+68.97%)
Mutual labels:  menu
vue-burger-button
🍔 vue-burger-button is a functional component, which is faster than a regular component, and is pretty small (JS min+gzip is lower than 700b and CSS min+gzip is lower than 400b).
Stars: ✭ 41 (+41.38%)
Mutual labels:  menu
ListEx
List control with innate tool-tips, color, sorting, embedded hyperlinks, sub-item custom data, column hiding and lot more abilities.
Stars: ✭ 17 (-41.38%)
Mutual labels:  menu
UnityCore
A collection of essential game systems for Unity 3D. These generic systems can be applied to any Unity project.
Stars: ✭ 105 (+262.07%)
Mutual labels:  menu
toggle-menu
支持4个方位的按钮弹出菜单
Stars: ✭ 49 (+68.97%)
Mutual labels:  menu
SideMenuSwiftDemo
SideMenu in Swift with autolayout
Stars: ✭ 79 (+172.41%)
Mutual labels:  menu
vue-nested-menu
A simple hands-on mobile nested menu UI component with a smooth slide animation
Stars: ✭ 34 (+17.24%)
Mutual labels:  menu
godot-radial-menu
A radial menu for Godot, supports Mobile & Desktop
Stars: ✭ 88 (+203.45%)
Mutual labels:  menu
clicky-menus
Simple click-triggered navigation submenus. Accessible and progressively enhanced.
Stars: ✭ 76 (+162.07%)
Mutual labels:  menu
CircleButtonMenu
No description or website provided.
Stars: ✭ 28 (-3.45%)
Mutual labels:  menu
esx menu default
ESX Menu Style for FXSERVER gtaonline style
Stars: ✭ 30 (+3.45%)
Mutual labels:  menu
ContextMenuSwift
A better version of iOS 13 Context Menu
Stars: ✭ 162 (+458.62%)
Mutual labels:  menu
flutter-package-selection menu
A flutter widget, highly customizable, to select an item from a list of items.
Stars: ✭ 32 (+10.34%)
Mutual labels:  menu
XperiaServiceMenu
An Android app that allows owners of a Sony Xperia, to easily open the service menu app via a tap of a button instead of having to type a code into the phone's dialer.
Stars: ✭ 14 (-51.72%)
Mutual labels:  menu
vue-bottom-navigation
Vue bottom navigation
Stars: ✭ 56 (+93.1%)
Mutual labels:  menu
View All Similar Projects ➔

Oxygen Responsive Menu

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.

Live Demo

Demo Site

Note

  • This plugin is meant for developers who are comfortable hand coding/tweaking the CSS to match their designs.
  • Despite the name, this plugin is not integrated with Oxygen in any way. This means, it is not possible to set the mobile icon breakpoint, change the colors or any adjustments in the Oxygen editor. You will need to edit the plugin's CSS file using a FTP client or cPanel file manager etc.
  • This plugin can be used with any WordPress site. When used in a non-Oxygen site, replace CT_VERSION with '1.0.0' in the plugin's PHP file.
  • The plugin is offered as is without any guaranteed support.

Installation

  1. Click on the Download ZIP button at the right to download the plugin.
  2. Upload the entire oxygen-responsive-menu-master folder to the /wp-content/plugins/ directory.
  3. Activate the plugin through the Plugins menu in WordPress.

Usage

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.

Changelog

1.0.0 - November 18, 2018

  • Initial Release

1.0.1 - November 18, 2018

  • Set Dashicons to load so the up and down arrows can be seen.

1.0.2 - November 19, 2018

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].