- 🔧 General Settings – WP Responsive Menu
- ✅ Enable Menu
- 👁 Live Preview
- 🔍 Search Input Within Menu
- 🧩 Enable Widget Menu
- 🔎 Search on Menu Bar
- 🌐 Enable RTL Mode
- 📂 Keep Submenus Open
- ↔️ Enable Full Width Menu Container
- 📋 Select Menu
- 🙈 Elements to Hide on Mobile
- ✏️ Search Box Placeholder
- 🏷 Menu Title Text
- 🖼 Menu Bar Logo
- 📏 Menu Logo Width / Height
- 📍 Menu Logo Position
- 🔗 Logo Link / Title Link
- 👉 Swipe
- 🔍📱 Zoom on Mobile Devices
- 📂 Open Submenu on Parent Click
- 🛒 WooCommerce Integration
- 🚫 Hide Menu on Specific Pages
- 🧾 Create External File for CSS
- 🎨 Custom CSS
- ⬆️ Content Before Menu Element
- ⬇️ Content After Menu Element
🔧 General Settings – WP Responsive Menu #
Below is a detailed explanation of each setting available to help you fully customize and control your responsive menu:
✅ Enable Menu #
Before the menu appears on the frontend, you must enable this option.
👁 Live Preview #
Enable this option to view a live preview of your menu directly from the WordPress dashboard. Once activated, an Eye icon will appear at the top-right corner of the admin bar. Click it to preview the current menu configuration.
🔍 Search Input Within Menu #
Adds a search bar inside the menu container for quick content search within your site.
🧩 Enable Widget Menu #
Enable this option to integrate WordPress widgets into your menu layout, enhancing its functionality and design.
🔎 Search on Menu Bar #
Displays a search icon directly on the menu bar for user convenience.
🌐 Enable RTL Mode #
If your website uses a right-to-left language (e.g., Arabic or Hebrew), enable this option to align the menu accordingly.
📂 Keep Submenus Open #
Keeps submenu items open by default, useful for layouts requiring constant submenu visibility.
↔️ Enable Full Width Menu Container #
This setting allows the menu container to span the full width of the screen for a more immersive experience.
📋 Select Menu #
Choose which WordPress menu you want to display. Only existing menus will be available for selection.
🙈 Elements to Hide on Mobile #
Hide specific elements on mobile by entering their class (.classname) or ID (#idname) based on standard CSS selectors.
✏️ Search Box Placeholder #
Customize the placeholder text displayed in the search input field (e.g., “Search here…”).
🏷 Menu Title Text #
Set a custom title for your menu, which can appear alongside or in place of the logo.
🖼 Menu Bar Logo #
Upload your official logo to display on the menu bar for branding.
📏 Menu Logo Width / Height #
Define the dimensions of your logo by setting width and height values in pixels (e.g., 30px).
📍 Menu Logo Position #
Choose to display the logo either in the center or on the left side of the menu bar.
🔗 Logo Link / Title Link #
Set a custom URL for the logo or menu title. By default, this links to your website’s homepage.
👉 Swipe #
Enable swipe gestures (left/right) to open or close the menu. Applicable only for left or right positioned menus on mobile devices.
🔍📱 Zoom on Mobile Devices #
Allow or restrict pinch-to-zoom functionality for mobile users.
📂 Open Submenu on Parent Click #
Toggle whether submenu opens on clicking the parent item or via a separate icon.
🛒 WooCommerce Integration #
Enable integration with WooCommerce to show features like cart count directly on the menu.
🚫 Hide Menu on Specific Pages #
Hide the responsive menu on specific pages by defining them here. By default, the menu is shown on all pages.
🧾 Create External File for CSS #
Generates a separate CSS file for your menu styles to optimize performance and management.
🎨 Custom CSS #
Add your custom CSS rules here for advanced design control and customizations.
⬆️ Content Before Menu Element #
Insert content (e.g., logo, tagline, etc.) before the menu list inside the menu container.
⬇️ Content After Menu Element #
Insert content (e.g., social icons, extra links, etc.) after the menu list in the container.
General Setting options screenshot:
