Posts Tagged ‘menu’

Setup Mega Menu with Beaver Builder Plugin

A mega menu is typically defined as a drop down interface that is triggered by the user hovering over a parent menu item in WordPress. This drop down usually shows all options in one main, mega-panel and oftentimes groups related topics into categories. Someone asked me how to create the mega menu with Beaver Builder plugin only (no other third…

READING FULL POST →

Creating Flex Menu Bar on GeneratePress Theme

Flex Menu Bar on GeneratePress Theme

Flex Menu Flex Menu is a jQuery script that lets you create responsive menu bar that automatically collapse into a “More” drop-down when they run out of space. When there’s only space to display one or two items, all the items collapse into a “More” drop-down. Minimum Requirement Make sure that you already installed and…

READING FULL POST →

Creating Flexible Menu Bar using Beaver Builder Menu Module

Flexible Menu Bar

Flexible Menu When there’s only space to display some of the items in the menu, the rest of the items collapse into a “More” drop-down. See the video at below: Here I am sharing the steps and snippets. Make sure that you already installed the following tools: WordPress Beaver Builder Plugin (Standard/Pro/Agency) Beaver Builder Theme…

READING FULL POST →

Animated Hamburger Icon in Menu Module

Animated Hamburger Icon in Menu module

You are using the Menu module and trying to get this effect in your mobile menu. You already spent lot of hours and stuck or frustrated to do it. Here is the simple solution for you. Make sure that you already installed the Beaver Builder plugin and created the site menu using BB menu module.…

READING FULL POST →

Full Screen Overlay Menu with Beaver Builder Plugin

Do you want to show the full screen overlay menu on click of a hamburger menu button? You can easily implement such overlay menu using the Beaver Builder Plugin. Organizing the JS and CSS file First organizing the all dependencies for full screen overlay menu functionality. 1. Click on the “Download” button and save the…

READING FULL POST →

Newsletter

Get free weekly PRO Beaver Builder Tutorials