It appears with the recent update to WordPress core 6.1 (running PHP8.1) there seems to be a few error/warning notifications around validating for null offsets. I’ve identified these issues down to 3 specific files, and the same if statement within them, I would suggest adding a null validation prior to the check to resolve the issues. Here are the files and the lines I would add the validations before.

limit_offset.php – line 44

//Suggest adding initial variable validation
if ( $wp_nav_plus_limit_offset_options === null ){
	return $items;
}

menu_segment.php – line 43

//Suggest adding initial variable validation
if ( $wp_nav_plus_menu_segment_options === null ){
	return $items;
}

start_depth.php – line 54

//Suggest adding initial variable validation
if ( $wp_nav_plus_start_depth_options === null ){
	return $items;
}

Hi, I saw an old post about this, but wondering if anything has been added to accomplish it? I am using a split menu to show the subpages of the current parent, and I need to include the parent menu item name and link as well. Is this possible yet? I can’t use the current page parent because it doesn’t always match the menu parent, so I need it to come from the menu.

Thank you!

• This topic was modified 2 years, 5 months ago by LS.
• This topic was modified 2 years, 5 months ago by LS.

Hello, i have product & service on the web, so i want to make my menu navbar like

Product & Service have a link in one column menu, when u click product u go to product link, also when you click service will go to different link.. can you guys help me?

The default is product & service one link..

Hi, I use WP Nav Plus to show a sub-menu in a widgetposition. This works fine.
The sub-menu leads to categories. When I click on an item in one of these categories the submenu disappears. How can I get it to show on single posts to?
Thanks, Tom

I am building a site that has two distinct sections, and each section needs its own separate main nav. SO on say 30 or or so pages I need one set of main nav and on 20 or so pages need a different main nav. Is that something that this plugin can do?

Where do I get the HTML to add to the text area? Because I do understand everything but whatever video I watch or what I read, people say they add the HTML in the text area. But where do I get that from? I’ve been wracking my head trying to figure this out but nothing has worked. I just need to divide the menu with my logo in the center, because I love that looks and it’s being snuffed out by the new logo to the left themes I see everywhere now.
I have my logo on the computer and I was hoping to just upload it, but I don’t have an HTML link for it or anything, because it’s never been online or anything. I’ve just designed it. Please help because I’m a new business and without a site, I don’t feel comfortable opening my studio.

I’m using the Segment option to divide some of my main menu into separate footer widgets to essentially create a sitemap across the bottom of the page. So each widget I’m giving the title of the parent page I’m segmenting (ie. ABOUT, SERVICES, etc.). Is there a way to link those titles? Or can that option be added, either as a custom link or an option “Use parent page as title?”

Hello, I’m using WP Nav Plus for a split menu. It displays perfectly on Desktop, Laptop and Tablet view but doesn’t work on mobile view. I had to put up a coming soon page on the site. Can you help with this?
Thank you

Hello, is it possible with this plug-in to display the current parent menu item, followed by all of its children? I can get the current submenu to display but can’t figure out how to get the parent too. Thank you.

I’m unable to use the Segments feature when there is a menu item with an ampersand. If I change that ampersand to the word “and” it immediately begins working.

Hi

Great Plugin. Thank you.
But i have a Problem. I have MainMenu in the header position with 3 Menulinks (Home, Projects, About us)
I configured the Plugin that it starts with depht 2. So When i click on “Project 1” i have intro, help, contact on the left sidebar. Perfect. Bu now, when i click on About us (with only two levels), i have all menulinks ther instead of philosophy, team, contact. Is there a solution for this?

Tahnk you
Christoph

Home

Projects
– Project 1
– intro
– help
– contact
– Project 2
– intro
– help
– contact

About us
-Philosophy
-Team
-Contact

Hi Matt,
I am trying to make a divided horizontal top menu (as you show in your demo) with a logo in the middle.

I have installed the plugin and can see the WP Nav Plus widget OK but am struggling to find the right place/sidebar to put the widget. I asked myself the following questions:

1.Do different themes have different sidebar/widgetized areas?
I have tried out a variety of themes but all seem to have sidebars and footers only – no obvious header areas

2. Do I need to create my own widgetized Header Navigation area?
I have found some useful explanations on how to modify the function.php file etc to create a widgetized area within the header, but I am not confident in CSS and it is not going well!

I just wanted to check to see if I am missing something obvious…or if I need to carry on with creating and styling the relevant header area for the widget.
Many thanks
Marion

Hi Matt,

First off, great plugin, good work!

I’m trying to add multiple classes to the “Menu Class”. But when i’m testing it in the browser, it removes the whitespaces between the classes, so it creates one class.
I’ve been looking for the problem and found om line 83 of “widget.php” the function “sanitize_html_class”. This functions removes the whitespaces.

I would be great if you can fix this issue in a future update.

With kind regards
Erik-Jan

Is this plugin compatible with Polylang?
Because when I try to use it to create split type menu it returns nothing.

Here’s code I’m trying to use to create sub-menu in another section of the page structure:

wp_nav_menu(array(
	'menu_id' => 'sub-menu',
	'echo' => false,
	'start_depth' => 2,
	'container' => false,
	'theme_location' => 'main-menu'
));

When I use start_depth nothing is returned, as soon as I remove it all menu items are returned starting from top most.

Hi Matt. Nice plugin you made.

I am trying to make something I call CATEGORY MENU. Here are some examples:

https://www.banggood.com/
Shop All Categories

https://demo2.chethemes.com/electro/
All Departments

https://woodmart.xtemos.com//
Browse Categories

Idea is to have vertical menu with products (or posts) categories opened initially but only on some pages (on home page for example). It have to be placed like first top menu item, or like additional menu on the left side of main menu, or some variation of your approach.

I want to customize Adforest theme in this way to get better navigation layout for classified ads site. I like idea to have categories opened in the most important part of home page, but no one classified ads theme can do this. Is it possible to do that with your plugin? Could you please help me? Thanks.

Hi,

This exactly what I need but is your menu responsive ?

Regards

I want a sidebar menu that:

1) Is made up by predefined custom menus in the WordPress menu-editor so that I can have different menus for different parts of the site

2) Only shows the subpages that is one level under the page (parent page, subpage, etc.) that is viewed/clicked on

3) Shows the subpages by expanding the menu, instead of a vertical dropdown menu, so that it is possible for the students to see where I am on the site all the time in the classroom

Can I use this plugin for that, and if so how ?

Or can anyone recommend a plugin for that ? – I can’t find one

Does WP Nav Plus include CSS styling like shown in the videos?

No, no CSS styling is applied, only the HTML structure is created and output to the page. It is the job of the activated WordPress Theme to style the menu elements. It is likely that you will need to modify/extend the CSS in your theme to achieve the design you are looking for.

Does WP Nav Plus include menu expand/collapse functionality?

No, similar to the CSS question above, that would be functionality best left to the active theme. It is likely that you will need to modify/extend the JS in your theme to achieve the design functionality you are looking for.

Will the WP Nav Plus menu stay even when I click into a blog post?

Yes, if the blog category/archive page is a part of that menu. So if you have the blog category “news”, you must add that category page to your menu structure in order for the menu to stay visible when viewing “news” posts.

Because a blog posts or other ‘single’ pages do not exist in the menu, WP Nav Plus will try multiple methods to find the appropriate navigation parent item that the post belongs to.

NOTE: This documentation is also included in the /documentation/ folder with your plugin download, and is easier to read in that format.

MENU SEGMENTS

It is sometimes useful to display a particular segment of your WordPress menu on its own. Menu Segments allow you to specify a portion of your menu for display based on the parent menu item. Uses for menu segments could inclue Footer Sitemaps, Mega Menus, or all sorts of other custom menu layout needs.

Build your custom menu layout in one of two ways:

Easy Method (Widget)

The easiest way to get up and running quickly with WP Nav Plus is to make use of the widget. In this section I will show you how to implement a menu segment using the WP Nav Plus widget.

1. Login to your WordPress Admin page (usually https://yourdomain.com/wp-admin)
2. Navigate to the Widgets screen (Under “Appearance”)
3. Notice the new widget called “WP Nav Plus” (pictured below)<br />
   
4. Click and drag this widget into the desired sidebar placement (pictured below). NOTE: My sidebar is called “Primary Sidebar”, your sidebar may be named differently. Please see your theme documentation for additional details about your sidebars.<br />
   
5. Find the parent menu item whose children you wish to display from the dropdown and select it.
6. Use multiple widgets as needed to complete your custom layout.

Advanced Method (Function)

The documentation above has focused on using the WP Nav Plus widget as the easiest way to get started with WP Nav Plus. However for advanced users who want more control over the output of their menu, WP Nav Plus can be used with the built in WordPress wp_nav_menu function

WP Nav Plus adds one argument to the wp_nav_menu function for use with menu segments.

• option: segment
• type: mixed
• default: false
• desctiption: Choose a segment of the menu to display by specifying the parent of the segment you wish to display. Specify a parent menu item using the items object_id (int) or menu title (string).

Basic Example:

wp_nav_menu(
	array(
		'theme_location' => 'my_menu',
		'segment' => 'About Us'
	)
);

The above example would create a menu which displayed only the children of the ‘About Us’ section, regardless of the currently active page.

NOTE: This documentation is also included in the /documentation/ folder with your plugin download, and is easier to read in that format.

LIMIT AND OFFSET

Often website designs call for a menu to be split up into multiple columns, or rows. Such as a multi-column footer sitemap. WP Nav Plus provides the capabilities you need to quickly build these custom menu layouts using Limit and Offset.

Build your custom menu layout in one of two ways:

Easy Method (Widget)

The easiest way to get up and running quickly with WP Nav Plus is to make use of the widget. In this section I will show you how to implement a basic divided menu using the WP Nav Plus widget.

1. Login to your WordPress Admin page (usually https://yourdomain.com/wp-admin)
2. Navigate to the Widgets screen (Under “Appearance”)
3. Notice the new widget called “WP Nav Plus” (pictured below)<br />
   
4. Click and drag this widget into the desired sidebar placement (pictured below). NOTE: My sidebar is called “Primary Sidebar”, your sidebar may be named differently. Please see your theme documentation for additional details about your sidebars.<br />
   
5. Specify your menu “limit” and/or your menu “offset” as needed to reach your desired output.
6. Use multiple widgets as needed to complete your custom layout.

Advanced Method (Function)

The documentation above has focused on using the WP Nav Plus widget as the easiest way to get started with WP Nav Plus. However for advanced users who want more control over the output of their menu, WP Nav Plus can be used with the built in WordPress wp_nav_menu function

WP Nav Plus adds two arguments to the wp_nav_menu function for use with custom menu layouts.

• option: limit
• type: int
• default: false
• desctiption: Limit the number of top-level menu items to return when displaying your menu. Given a menu with 10 top-level items in it, and a limit set to 5, only the first 5 top-level items would be displayed. All menu children belonging to the displayed top-level menu items will be left alone.

• option: offset
• type: int
• default: false
• desctiption: Offset or “skip” a set number of top-level menu items when displaying your menu. Given a menu with 10 top-level items in it, and an offset of 3, only the last 7 top-level menu items would be displayed.

Basic Example: (assumes a menu iwth 10 items in it)

wp_nav_menu(
	array(
		'theme_location' => 'my_menu',
		'limit' => 5,
		'offset' => 2
	)
);

The above example would create a menu which displayed only 5 menu items, skipping over the first two menu items, showing the next five, and then nothing after those five.

NOTE: This documentation is also included in the /documentation/ folder with your plugin download, and is easier to read in that format.

DIVIDED MENUS

A fairly common website design pattern you may see online calls for the header navigation menu to be placed left and right of a central object, like the site logo. WP Nav Plus makes it very easy to build out these “divided menus.”

Build a divided menu with WP Nav Plus using one of the two following methods:

Easy Method (Widget)

The easiest way to get up and running quickly with WP Nav Plus is to make use of the widget. In this section I will show you how to implement a basic divided menu using the WP Nav Plus widget.

1. Login to your WordPress Admin page (usually https://yourdomain.com/wp-admin)
2. Navigate to the Widgets screen (Under “Appearance”)
3. Notice the new widget called “WP Nav Plus” (pictured below)
   
4. Click and drag this widget into the desired sidebar placement (pictured below). NOTE: My sidebar is called “Primary Sidebar”, your sidebar may be named differently. Please see your theme documentation for additional details about your sidebars.
   
5. Add your divider html into the provided textarea.
6. Congratulations, your widget has been successfully installed! Configure the Divider HTML, and Divider Offset as needed to reach your desired output.

Advanced Method (Function)

The documentation above has focused on using the WP Nav Plus widget as the easiest way to get started with WP Nav Plus. However for advanced users who want more control over the output of their menu, WP Nav Plus can be used with the built in WordPress wp_nav_menu function

WP Nav Plus adds five arguments to the wp_nav_menu function for use with divided menus.

• option: divider_html
• type: string
• default: false
• desctiption: Enter any HTML here that you wish to be injected into your menu. WP Nav Plus will wrap your entered html with a container and place it into the middle of your menu output.

• option: divider_offset
• type: int
• default: 0
• desctiption: The Divider HTML will automatically try to place itself into the middle of your menu output, however this can be tweaked using the divider_offset. Pass a positive number to move your Divider HTML down the DOM structure. Pass a negative number to move your Divider HTML up the DOM structure.

• option: divider_class
• type: string
• default: menu-divider-item
• desctiption: Override the Divider HTML element default class with any class name of your choice.

• option: divider_id
• type: string
• default: false
• desctiption: Add an ID to your Divider HTML element.

• option: divider_container
• type: string
• default: li
• desctiption: Override the Divider container type with any valid HTML element of your choice.

Basic Example:

$divider_html = '<a href="/"><img src="/path/to/my/logo.png" /></a>';

wp_nav_menu(
	array(
		'theme_location' => 'my_menu',
		'divider_html' => $divider_html
	)
);

The above example would create a menu with the $divider_html specified above in the middle of the markup. Use divider_offset to tweak the position of the $divider_html.

NOTE: This documentation is also included in the /documentation/ folder with your plugin download, and is easier to read in that format.

SPLIT MENUS

Many website designs call for a submenu, often right below the primary navigation in the header, or in a sidebar on interior pages. These submenu’s are designed to show the children of the currently active menu item. WP Nav Plus makes it super simple to build out these types of menus, known as “split menus.”

This can be accomplished in one of two ways:

Easy Method (Widget)

The easiest way to get up and running quickly with WP Nav Plus is to make use of the widget. In this section I will show you how to implement a basic split menu using the WP Nav Plus widget.

1. Login to your WordPress Admin page (usually https://yourdomain.com/wp-admin)
2. Navigate to the Widgets screen (Under “Appearance”)
3. Notice the new widget called “WP Nav Plus” (pictured below)<br />
   
4. Click and drag this widget into the desired sidebar placement (pictured below). NOTE: My sidebar is called “Primary Sidebar”, your sidebar may be named differently. Please see your theme documentation for additional details about your sidebars.<br />
   
5. Congratulations, your widget has been successfully installed! Configure the Menu Name, Start Depth, and Depth as needed to reach your desired output.

Advanced Method (Function)

The documentation above has focused on using the WP Nav Plus widget as the easiest way to get started with WP Nav Plus. However for advanced users who want more control over the output of their menu, WP Nav Plus can be used with the built in WordPress wp_nav_menu function

WP Nav Plus adds two arguments to the wp_nav_menu function for use with split menus.

• option: start_depth
• type: int
• default: false
• desctiption: Use this to specify the number of levels “deep” in a nested menu that you wish to start your output from. A setting of 1 will ignore all top level menu items, only showing the nested children menu items associated with the currently active page (if any).

• option: default_category
• type: int
• default: false
• desctiption: When the active page being viewed is a post that is not in the menu structure, it will automatically look for the post index page in your menu to associate the current page with. The default_category option can be used to specify a “fallback” if not post index page is located. Accepts category ID.

Basic Example:

wp_nav_menu(
	array(
		'theme_location' => 'my_menu',
		'start_depth' => 1,
		'depth' => 1
	)
);

The above example would create a menu which does not display any top-level menu items, but does show the children menu items from the active page.

• This topic was modified 7 years, 6 months ago by Matt Keys.
• This topic was modified 7 years, 6 months ago by Matt Keys.
• This topic was modified 7 years, 6 months ago by Matt Keys.