Recently installed the plugin. It works alright but it quickly produced an undefined array key error from PlainMenuItem.php at line 40.

I saw someone else had the issue here but it was closed, obviously without solving the problem.

Here is the file path:
/wp-content/plugins/getwid-megamenu/includes/blocks/PlainMenuItem.php

If you have the issue, change line 40 to this:
$is_active = $attributes[‘kind’] == ‘post-type’ && isset($attributes[‘id’]) && $attributes[‘id’] === get_the_ID();

This isset($attributes[‘id’]) is the important part as it will return false if the id doesn’t exist. That will stop the error from appearing. There are more attributes that need an isset added. I haven’t done it for all but it seems to be working fine.

Hi !

it seems that the plugin is not compatible with WPML, could you confirm this for me. I have a problem on 2 client sites with this plugin. would there be a possibility to make it compatible?
Thanks

The megamenu appears to be unusable.

* user clicks on the parent link
* megamenu container becomes revealed
* user moves mouse towards target navigation item
* megamenu container dissapears before the mouse reaches the megamenu container.

This is a pretty basic bug. So I imagine that there’s some kind of built-in workaround?

Hi Admin, Good Day.

I need assistance on the responsive mobile version to remove the word “Menu” i have tried to find in the source code but unable to remove the word.

https://drive.google.com/file/d/1kJgH54FqjPJDxAD2QTusQdAdqcwP3ARz/view?usp=sharing

Hi,

Accessibility

We have identified several accessibility issues that require your attention to enhance the user experience of your web application. Please note that automated checks cover only part of the potential issues; manual testing is recommended to ensure full accessibility.

NAMES AND LABELS

• Some buttons lack accessible names, making their functionality unclear for users relying on screen readers. CSS Selector: ul.gw-mm__content > li.wp-block-getwid-megamenu-item > div.gw-mm-item__link > button.gw-mm-item__toggle
• Links are missing visible names, complicating their use for assistive technologies. CSS Selectors:
  • div.wp-block-column > div.wp-block-uagb-image > figure.wp-block-uagb-image__figure > img.uag-image-437
  • div.wp-block-group > div.wp-block-uagb-image > figure.wp-block-uagb-image__figure > img.uag-image-1438
  • div.wp-block-column > div.wp-block-uagb-image > figure.wp-block-uagb-image__figure > img.uag-image-1362

ARIA

• Some elements use prohibited ARIA attributes, compromising the transmission of crucial information to users of assistive technologies. CSS Selector: span.uagb-svg-wrapper[aria-label=""arrow-up-right-from-square""]
• Invalid ARIA roles are used for certain elements, potentially leading to incorrect interpretation of their function on the page. CSS Selectors:
  • img.uag-image-437
  • img.uag-image-1438
  • img.uag-image-1362

BEST PRACTICES

• Touch target sizes and spacing are inadequate, making activation difficult for some users. CSS Selector: ul.gw-mm__content > li.wp-block-getwid-megamenu-item > div.gw-mm-item__link > button.gw-mm-item__toggle

Thanks to fix theses issues.

when in WP debug mode, I noticed this errror.
It appears not to be a critical one, but wondering how to solve it.

Warning: Undefined array key “id” in /data/sites/web/…../wp-content/plugin

thank you
n

Hi There,
In WP v6.4, the menu block seems broken. It shows the following error.

"Your site doesn’t include support for the "getwid-megamenu/menu-item" block. You can leave this block intact or remove it entirely."

Thank you for this simple and easy to use plugin.

In mobile view, I suggest simply use the toggle icons provided in core Navigation block (a hamburger icon and a X icon). Your current toggle icon doesn’t indicate if the menu is expanded or collapsed.

Is it possible to make mobile submenus work like the ones in nike.com ? Not in the near future, but I’d like to know if I can hire developers to make mobile submenus work like nike.com through CSS and JS.

Hi,

Could you provide demo please?

What are the difference between your Plain menu (item) block and WP core’s Page/Custom link block (also Submenu block)?

Thanks.

https://d.pr/i/2F6tEY I want to make the same catalogs in the marked area as in the screenshot link https://halidehasi.com/ to my own page I installed your plugin in wordpress but I don’t know how to do it

Hi, I was wondering how you can translate the menu item strings. For some reason I can’t seem to find them in the website translatable Gutenberg strings, nor as a post type that can be translated. Can you tell me how I can do this? Thank you

Hello, a simple addition to your great plugin would be adding aria-hidden=”true” to toggles, and/or any other elements that are not content and don’t serve a funtion in assistive technology (TTS).

It looks like the dropdown position & width (what is added on the .gw-mm-item__dropdown-wrapper) it’s not calculated correctly at first load.
It’s recalculated ok if you resize the page or navigate to a new page, but not on first load.

Hi,

I have to say, your plugin is actually great… And I wonder if the poor reviews you receive are for users who either cannot code, so have no idea how to implement this… or perhaps they are missing something (as I may have)…

But I feel as if my use might not be how you intended, and I am wondering if it’s to do with my local environment / theme. I have noted in your documentation you quote “FPE” which I assume is the “Full Page Editor” pre-Gutenberg? Therefore, it may be down to template support.

I am using a child theme based on PicoStrap with Polylang for multi-site purposes.

Below is the code I am using to include your page (added to header.php) on a dev environment on my local machine. is this how you are expecting users to include the menu in their own pages?

I assume when you mentioned FPE, you were expecting users to be able to modify the header of their page…? I actually can’t get that to work but do remember it some time ago. perhaps this is the part I have missed?

My code below anyway for your reference (using paceholders)..

          
$post_obj = get_page_by_path( "slug-of-post", OBJECT, array( 'page' ) );
$content = $post_obj->post_content;
$content = apply_filters('the_content', $content);

//some other code here to make it pretty
  if ($post_obj->post_status == 'private') { // I chose private post type for SEO reasons, our custom SEO plugin ignores this type
              // page is published
              return $content;
            } else {

            // Fallback Menu Code

            ?>

P.S. I did have to make a few tiny modifications to your code to alleviate warnings. Happy to share the info if you wish, but enabling debug mode, you may encounter them.. Or again, it may be my use case!

Your block loads jquery and jquery migrate and a script /wp-content/plugins/getwid-megamenu/build/frontend.js on just install of the plugin.

There should be no file load when we are not using your block. And also is it not possible to have your script not dependent on jquery?

Also if you avoid using dashicon icons for your menu dropdown arrow and instead use a static svg icon , that will also save a lot of google page speed score.

• This topic was modified 2 years, 1 month ago by Hozefa Saleh.

The megamenu is not previewing. I think it’s not compatible with the latest version of WP and the default theme. Error text: “This block has encountered an error and cannot be previewed.” Check the ss: https://ibb.co/Tq8mM2v
I have tried to add it to the header section and also on the different sections of the site. Not working.
Thanks.

Hi, menu not display, have an error message in wordpress gutenberg editor unsing Twenty Twenty-Two theme. Can ou help ? Thanks

The plugin works as intended when used directly on a page or post. Thanks for that!

It would be way more useful, when I could create a menu as a reusable Gutenberg Block Pattern and past in into pages and posts. Unfortunately, this seems not to work.

I tried it with two Block Pattern plugins:
– Control Block Patterns
– Custom Block Patterns

What I see on the website is this warning:

Warning: Undefined array key “id” in /…/wp-content/plugins/getwid-megamenu/includes/blocks/PlainMenuItem.php on line 40

Together with a rather long call stack.

Below the warning comes the menu which works as intended. But its not usable with the WARNING on the page.

Thanks a lot for the plugin and your support!

PS
Sorry, I have no link yet as I develop locally.

Hi, I am not sure am I using it wrong way or something else, But its not working with my setup. I am using wordpress 5.9 beta2 with default block theme twenty twenty two provided with it. I have installed your plugin but its not showing any extra menu items to add Mega menu in the navigation.

Hi,
Thanks for the idea, it will be useful with FSE, I tried the block and I think it has a lot of room to improve, i wrote some of them below;

1. Ability to select Vertical Mega Menu Block like Plain Block
2. When vertical is selected, arrows look weird they are pointing down
3. Plain Menu BG color, padding, margin (and negative margin) options
4. Vertical Plain Menu accordion option
5. Plain submenu option to open left/right
6. Mega Menu link icons and icon color for all states (normal, hover, active)
7. Mega Menu Badge options with colors, border radius, paddings and negative margins`

If I select a menu item and then add a css class to it in the relevant section, it adoesn’t ctually get added to the code on the site.