Purpose:
Purpose of this plugin is to Bootsrap compatible Offcanvas Mobile Menu wordpress website.
Installation:
Purpose of this plugin is to Bootsrap compatible Offcanvas Mobile Menu wordpress website.
Installation using wordpress admin (Easiest Way)
To do this type of installation of the plugin, log in to your WordPress dashboard, navigate to the Plugins menu and click Add New. In the search field type "Offcanvas Mobile Menu"’ by Enweby. Once you have found it you can install it by simply clicking "Install Now" and then "Activate".
Manual Installation
Installing through WordPress Dashboard
* Download offcanvas-menu.zip
* Navigate to the "Add New" in the plugins dashboard.
* Navigate to the "Upload" area.
* Select offcanvas-menu.zip from your computer.
* Click "Install Now".
* Activate the plugin in the Plugin dashboard.
Using FTP
* Download offcanvas-menu.zip
* Extract the offcanvas-menu.zip to your computer.
* Upload the offcanvas-menu directory to the /wp-content/plugins/ directory.
* Activate the plugin in the Plugin dashboard.
Getting Started:
After installing plugin, go to settigs page by clicking "Offcanvas Menu" link on the admin sidebar. You will see settings page where you can do necessary settings to change behviour of Offcanvas Mobile Menu Plugin.
Set width to activate Offcanvas menu:
Activate Offcanvas menu by Setting width. Offcanvas menu will be activated whenver device width will be less than or equals to this given width.
Add logo on offcanvas menu:
You can add logo for offcanvas menu, which will appear on mobile menu. By default no logo displays on offcanvas mobile menu.
Select Menu to Convert to Offcanvas menu:
You can select any specific menu and convert it to an offcanvas menu.
Hide certain element on header:
Sometimes we want to hide some certain unnecessry element on the header or on offcanvas menu. Using offcanvas mobile menu, you can esaily do it. Just add a comma separated classe names or element ids and hide them all at once.
Sticky Menu:
Check the checkbox to make offcanvas menu as a sticky menu.
Display Cart Icon on header near Menu icon:
Display cart icon on header on near menu icon the mobile devices by just checking the checkbox.
Once above settings is done it will display cart icon on menu bar. Please check screenshot below.
Display Cart Icon and search box on sliding panel of offcanvas menu:
Check the checkboxes to display cart icon and search box on slideing panel.
Once above settings is done it will display cart icon and search box on sliding panel. Please check screenshot below.
Customize color scheme and font size:
You can easily customize offcanvas menu container color, background color, text color, and text color on hover to change the color scheme of offcanvas mobile mneu.
Change Offcanvas Sliding panel position to slide from:
You can easily change position where you want the offcanvas menu slide from Left / Right / Top / Bottom.
Enable fullscreen offcanvas menu:
By default offcanvas menu covers only 60% of device width, but you can make it cover fullscreen by checking this checkbox.
Once above settings is done it will fullscreen offcanvas menu. Please check screenshot below.
