Title: Button element &#8220;mega-close&#8221; issue
Last modified: March 27, 2025

---

# Button element “mega-close” issue

 *  [Justin McGuire](https://wordpress.org/support/users/vijustin/)
 * (@vijustin)
 * [1 year, 2 months ago](https://wordpress.org/support/topic/button-element-mega-close-issue/)
 * 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](https://wordpress.org/support/users/vijustin/)
 * (@vijustin)
 * [1 year, 2 months ago](https://wordpress.org/support/topic/button-element-mega-close-issue/#post-18386771)
 * 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](https://wordpress.org/support/users/megatom/)
 * (@megatom)
 * [1 year, 2 months ago](https://wordpress.org/support/topic/button-element-mega-close-issue/#post-18387654)
 * 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](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](https://wordpress.org/support/users/vijustin/)
 * (@vijustin)
 * [1 year, 2 months ago](https://wordpress.org/support/topic/button-element-mega-close-issue/#post-18388148)
 * 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](https://imgur.com/a/vqqnixn)
 *  Plugin Support [megatom](https://wordpress.org/support/users/megatom/)
 * (@megatom)
 * [1 year, 2 months ago](https://wordpress.org/support/topic/button-element-mega-close-issue/#post-18391409)
 * 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/](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](https://app.screencast.com/moD9iUuLVK0de).
   Do you see the message in the red box, or is it missing?
 * Regards,
   Tom
 *  Thread Starter [Justin McGuire](https://wordpress.org/support/users/vijustin/)
 * (@vijustin)
 * [1 year, 2 months ago](https://wordpress.org/support/topic/button-element-mega-close-issue/#post-18392529)
 * The text you show is missing on my live site.
   [https://imgur.com/a/libZxgJ](https://imgur.com/a/libZxgJ)
 *  Plugin Support [megatom](https://wordpress.org/support/users/megatom/)
 * (@megatom)
 * [1 year, 2 months ago](https://wordpress.org/support/topic/button-element-mega-close-issue/#post-18393280)
 * 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](https://wordpress.org/support/users/megatom/)
 * (@megatom)
 * [1 year, 2 months ago](https://wordpress.org/support/topic/button-element-mega-close-issue/#post-18393289)
 * 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.

 * ![](https://ps.w.org/megamenu/assets/icon-128x128.png?rev=1489843)
 * [Max Mega Menu](https://wordpress.org/plugins/megamenu/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/megamenu/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/megamenu/)
 * [Active Topics](https://wordpress.org/support/plugin/megamenu/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/megamenu/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/megamenu/reviews/)

 * 7 replies
 * 2 participants
 * Last reply from: [megatom](https://wordpress.org/support/users/megatom/)
 * Last activity: [1 year, 2 months ago](https://wordpress.org/support/topic/button-element-mega-close-issue/#post-18393289)
 * Status: not resolved