Posts Tagged ‘generatepress’

Combine two mobile menus into one in GeneratePress Theme

Do you want to combine the secondary mobile menu into primary mobile menu in GeneratePress theme? In this article I’ll share the procedure. By default you will get two hamburger menu buttons in GeneratePress theme if you are activating the secondary menu. You will get something like this on your site (see the attached screenshot)…

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 →

Replacing GeneratePress Header with Beaver Builder Plugin

Replacing GeneratePress Header with BB

Do you want to replace the default GeneratePress header with custom header using Beaver Builder plugin? In this tutorial I am sharing the procedure. Making Full Width Header Container Make sure that you installed the GP premium add-on and activated it. Now follow this steps Login to Dashboard Navigate to Appearance -> Customize Click on…

READING FULL POST →

Different Beaver Themer header on scroll

Different Beaver Themer Header Layout

Do you want the different Beaver Themer header layouts on scroll at your site? First header layout will replace with second new header layout when user will do the down scroll. Are you wanting this? Here is the simple tutorial about this. Follow the step by step instructions at below. Minimum Requirement WordPress Beaver Themer…

READING FULL POST →

Add The Search Icon at Beaver Builder Header

Search Icon at Header

Do you want the search icon on your Beaver Builder header? Toggle Search Form module is a good tools for it. You will drag&drop this module at your header and setup the colors, font size based on your site header design. Here I am sharing the two methods below: Header with Beaver Builder Plugin (who have not…

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