Button element “mega-close” issue

Justin McGuire
(@vijustin)

1 year ago

The element <button class=”mega-close”></button> appears at all times when using the block for Max Mega Menu.

After looking at the structure of the HTML and the CSS it seems like if I place the widget or block in the “Header Right” area of the Genesis theme that somehow the element gets moved to be a sibling of “.mega-menu-wrap” instead of a child. This only affects the menu when using the “off canvas” options.

This issue only appears while using the menu block in the “header right” widget section if I place it anywhere else such as on a page the button element appears as a child of “.mega-menu-wrap” instead of as a sibling.

I’m using the core Genesis theme with no other plugins active for testing purposes.

Viewing 7 replies - 1 through 7 (of 7 total)

Thread Starter Justin McGuire
(@vijustin)

1 year ago

Some additional info. I was initially doing all my testing using the program Local but now when I push a copy of my site up to my live hosting environment when I inspect the structure of the HTML I don’t see a “<button class=”mega-close”></button>” element at all.

Plugin Support megatom
(@megatom)

1 year ago

Hi Justin,

That is odd. There isn’t anything in the plugin that detects Genesis and changes how the button is output, especially based on which section it is in, so I think the issue probably stems from genesis itself.

Regarding not seeing the button output on live: Please can you paste a screenshot of the Mega Menu > Tools page?

It should look like this:

https://app.screencast.com/moD9iUuLVK0de

The HTML for the close button will only be output if the CSS for the menu was generated using v3.4 or newer of the plugin, so you might need to press the Clear CSS Cache button to get everything back in sync.

Regards,
Tom

Thread Starter Justin McGuire
(@vijustin)

1 year ago

Thanks, I kind of figured it must be an odd Genesis Issue.

I took a screenshot of the Tools page as well as of the Chrome Dev Tools showing the HTML structure being output to the screen on my live site. I did try the “Clear CSS Cache” button on the tools page as well as cleared all the server side caches just to make sure.
https://imgur.com/a/vqqnixn

Plugin Support megatom
(@megatom)

1 year ago

Hi Justin,

It sounds like there are different issues here:

1. The close button being output in the wrong place in the block editor. I can’t reproduce that error here, I have installed the genesis framework from here: https://www.studiopress.com/get-genesis/ and the sample theme, but it gives me a “classic” theme. I don’t know how to access the block editor. I do have an idea of what might be causing it and I have included a potential fix in the next update (v3.5).

2. The close button on live is missing. Please can you post a screenshot showing this page: https://app.screencast.com/moD9iUuLVK0de. Do you see the message in the red box, or is it missing?

Regards,
Tom

Thread Starter Justin McGuire
(@vijustin)

1 year ago

The text you show is missing on my live site.

https://imgur.com/a/libZxgJ

Plugin Support megatom
(@megatom)

1 year ago

Hi Justin,

Thanks. Are you using an object caching plugin? If so, it’s not handling transients correctly. I’ll work on an update and get back to you here.

Regards,
Tom

Plugin Support megatom
(@megatom)

1 year ago

Hi Justin,

If you’re using an object caching plugin, which one is it please?

Regards,
Tom

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Button element “mega-close” issue’ is closed to new replies.