Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/gambitph/hamburger-menu

A customizable side menu that can be used as a mobile-only menu, or as a replacement of your site's main menu.
https://github.com/gambitph/hamburger-menu

Last synced: about 1 month ago
JSON representation

A customizable side menu that can be used as a mobile-only menu, or as a replacement of your site's main menu.

Awesome Lists containing this project

README 

        
=== Hamburger Menu by Gambit ===

Contributors: bfintal

Donate link: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=D2MK28E7BDLHC

Tags: hamburger, responsive, menu, main menu, burger, mobile, responsive menu, mobile menu, phone, tablet, desktop, replacement menu

Requires at least: 4.1

Tested up to: 4.2.1

Stable tag: 1.0

License: GPLv2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html



A responsive customizable menu that can be used as a mobile-only as a replacement of your site's main menu.



== Description ==



Hamburger Menu is a side menu that you can add to your site when viewed in mobile devices, or as a complete replacement for your current main website menu.



A live demo can be found in our site at [wphamburgermenu.com](http://wphamburgermenu.com).



Main Features:



* Looks great and animates smoothly

* Widget ready so you can add anything you like

* Use as a mobile menu or replace your site's main menu

* Highly customizable via the Customizer:

	* Adjust all the colors from the background to the link hover colors

	* Adjust the colors, location and size of the menu icon

	* Add a high res logo on the top of the menu

	* Add different menu open animation effects

	* Choose from 600+ Google fonts for your links and normal text

* Responsive, flick the menu to close it

* Intuitive and very easy to use

	

= Contributing =



*Contributions are welcome at the [Github repository](https://github.com/gambitph/Hamburger-Menu/)*



Report bugs and help out in the code from the [Github repository](https://github.com/gambitph/Hamburger-Menu/)



== Installation ==



1. Head over to Plugins > Add New in the admin

2. Search for "Hamburger Menu"

3. Install & activate the plugin

4. A notice will say "Hamburger Menu needs Titan Framework to be installed to work", click on the link to search for Titan Framework.

5. Install & activate Titan Framework

6. Create and set what menu to use for your Hamburger Menu at Appearance > Menus,

7. Go to Appearance > Customize and head over to the Hamburger Menu panel and personalize the look of your menu

	

== Screenshots ==



1. Your new hamburger menu...

2. ...or this one,

3. ...or even this one,

4. The Customizer settings

5. Anoter preview of the Customizer settings

6. Overview of the Customizer settings panels



== Frequently Asked Questions ==



= I selected my main menu to replace it but it still shows up =



Use your browser's inspector to find out the id name or class names of the residual menu elements. Input them in the **Hide These Elements When Hamburger is Visible** setting in Hamburger's **General** panel in the Customizer and enter those selectors there.



If that fails, you can always add some custom CSS to hide those using plugins such as Jetpack.



= Where can I report bugs? =



You can do so in our [Issue Tracker](https://github.com/gambitph/Hamburger-Menu/issues)



= I want to contribute! =



Take a look at the [Hamburger Menu GitHub Repository](https://github.com/gambitph/Hamburger-Menu/), star it, do a pull request, we're grateful for any help



== Upgrade Notice ==



== Changelog ==



= 1.0 =



* First release