Divi Responsive Helper

Documentation & Support

Still Need Help?

If you have a question not covered here in the docs, or if you face any technical issue, you can reach out to us.

Visit Our Support Page

Divi Responsive Helper by Pee Aye Creative 2.1

Ready To Purchase?

Visit the product page to get all the details and make your purchase.

View Product

Menu settings of the Divi Responsive Helper Plugin by Pee Aye Creative

Menu

Divi Responsive Helper Menu Settings 2.0.2

Choose Navigation Menu Per Device In Menu Module

The Divi Menu module is limited because it only allows you to select one WordPress navigation menu, and that menu shows on all devices. So we hacked the Divi Menu module and added responsive settings to the menu selection dropdown! Now you can choose a completely different navigation menu to show on Desktop, Tablet, and Phone!

responsive menu selection in the Divi Menu module with the Divi Responsive Helper plugin

Mobile Menu Opened Icon

Enable this feature to change the mobile menu hamburger icon to an X when the dropdown menu is toggled open. An X gives the visitor a visual indication that the menu has been opened, and can be clicked to close it again. This is a simple feature that improves the user experience.

Show/Hide Menu Items

Enable this feature to add new checkmarks in the WordPress navigation menu items to show or hide the menu items on Desktop, Tablet, or Phone. Once enabled, each menu item in Appearance>Menus will have checkmark boxes which allow you to choose on which device sizes you want that particular menu item to be visible.

show or hide menu items per device with Divi Responsive Helper

Show Open Menu Item On Mobile

Sometimes you want to remove the hamburger menu icon and open the menu instead on Phone devices. There are many use cases for this, and it’s nice to have this as a simple setting. Enabling the setting in Theme Options activates an additional setting in the Menu module for showing an open menu instead of a hamburger menu. 
show an open Divi hamburger menu on mobile setting in the Divi Responsive Helper

Mobile Menu Breakpoint

Enter the screen width pixel value for the responsive breakpoint for when the menu changes between desktop and mobile versions. This is helpful especially when you have a larger number of menu items that start to overlap due to space issues. Increasing the breakpoint higher than the default 981px allows the hamburger menu to appear on larger device sizes to prevent the ugly and unprofessional stacking issue.

Last updated Oct 25, 2021 @ 8:27 pm

Is This Article Helpful?

Pin It on Pinterest

0

Your Cart