I make use of the Max Mega Menu plugin on my site with Site Origin’s Vantage theme, and have done so successfully for some years.
After updating Vantage to version 1.20.25, the width of Max Mega Menu elements has been adversely impacted.
Mega menu items are no longer full site width, and the mobile menu has shrunk to less than square.
Are there any known integration issues with Max Mega Menu and current version of Vantage, and any potential solutions?
Thanks, Evan
]]>I have tried to troubleshoot as much as I can think of and so far, and I restored my website to a previous backup dated March 2024, which did actually work, but shortly after the mega menu returned to its unresponsive state. Mega menu also had auto-updates on, perhaps there was recent update that is having a conflict with another plugin? I’m not sure, but below I have a CCS code a kind user was able to give me, that fixed a menu bug I had been running into. I will post it below alongside plugins. As well as this, I currently have an error code on my homepage I cannot figure out.
Error code:
/homepages/46/d4297414966/htdocs/wordpress/wp-content is write-able. When finished installing the plugin, change the permissions back to the default: chmod 755 /homepages/46/d4297414966/htdocs/wordpress/wp-content. Permissions are currently 777.
CCS Code:
.site-navigation,
.site-navigation-toggle-holder {
display: none !important;
}
.site-navigation-dropdown {
transform: none !important;
}
Plugins installed; Elementor, Image Optimizer by Elementor – Compress…, IONOS Journey, IONOS Login, IONOS Performance, IONOS Security, Jetpack, Max Mega Menu, Performance Lab, Site Kit by Google, UpdraftPlus, W3 Total Cache, Yoast SEO
ANY help at all would be greatly appreciated, many thanks.
Luke
]]>I have checked previous posts relating to mobile and a similar issue but I can’t fix my current bug.
My bug.
I created the mega menu for my header nav and it’s working as it need it on desktop.
For some reason this menu is also appearing on mobile even though I do not have this menu picked for that location.
I also do not have mega menu enabled within my mobile menus settings.
Any help would be great. It’s been a great plugin so far.
Currently using the storefront theme.
]]>I have the free plugin with the storefront integration added.
As you can see from the link I have the mega menu set up. For some reason the homepage text is missing and the text other text is faded for some reason.
Within the settings I have nothing picked other than the “event” which is “hover intent” because it must be picked.
Is there any alternative to this?
]]>Hope you’re doing well! Quick question about using Max Mega Menu on my WordPress site. I’m loving the plugin so far, but I’ve got this little thing I can’t figure out.
So, here’s the deal: I want to keep my theme’s original menu bar, you know, the one it came with out of the box. But I also want to jazz things up a bit with the dropdown magic from Max Mega Menu. Is there a way to make this happen?
I’ve been poking around in the settings, but couldn’t spot a checkbox or anything for this. Any tips or tricks you could throw my way?
Thanks a bunch for your help!
Cheers,
Fernando
]]>* Apply Hover Styling to active Mega Menu – Second Level Links */
#{$wrap} #{$menu} > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#{$wrap} #{$menu} > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
color: $panel_second_level_font_color_hover;
font-weight: $panel_second_level_font_weight_hover;
text-decoration: $panel_second_level_text_decoration_hover;
@include background($panel_second_level_background_hover_from, $panel_second_level_background_hover_to);
}
]]>My client site has a main menu using your plugin. It is fine on all devices, except now on the mobile.
Have it centered on mobile Header.
Still looks OK on mobile BUT as we have Main Categories & MANY Sub Categories, when we open a Category it obviously opens up ALL the Sub Categories which may be 20-40.
Example for MENU:
HOME
MY ACCOUNT
PROMOTIONS – button
BRANDS – button
Adina
Airwick
and 20 more down list
CATEGORIES – button for drop down
Accessories – then it shows sub categories of this also
Beauty – then it shows sub categories of this also
Cosmetics – then it shows sub categories of this also
Hair Products – then it shows sub categories of this also
Men
Women
ABOUT US
LOG OUT
Previously we used to use a Mobile Plugin WP Touch, which I have now stopped using as its not compatible with latest WordPress version.
Never really had a problem with that plugin, and it was great how it opened the menu to the side and you could still partly see the site and the height of the menu stayed CONSTANT.
Therefore I have coded the website with STorefront to view properly on mobile now.
BUT the only issue left is the MOBILE MENU.
With WP Touch, it opened the menu to the left side so you could see menu items and categories and sub categories and you could partly see the website.
Now as I’ve got the menu in the middle of header and USING your Mega Menu which I wasn’t using on the mobile previously, HOW can I get your Mega MENU to display OR open on the side like some websites do OR have it working in middle is fine but NOT to open so large down the page when scrolling and scrolling to bottom of mobile page … doesn’t look good like that.
Is there a way to have the MENU when opening into sub categories to show MAX height then customer can scroll rest of menu from there within it. So you are not actually scrolling to the bottom of the mobile each time to view all sub categories but it has a scroll on it within the menu sub category?
Hopefully you know what I mean?
I do have something like that setup in my client website for the sidebar but that is not with Mega Menu.
So I’m hoping you have a workaround
I think the client prefers this as currently she is complaining that the menu is like a big long snake (as its has heaps of sub categories when you open up) and you scroll and scroll to see them but then you cannot see the website at all as menu is covering the whole thing whilst scrolling.
HOW can I do this differently on mobile with Mega MENU to display when opening?
Are there some options please?
As I need a workaround for my client urgently.
I can provide a website so you can view the issue but I would like to send that link PRIVATELY and not here.
Thanks
]]>My Environment
Reproduction
Already tried but without solution
Workaround: In the header instead of the Max Mega Menu block insert a?shortcode block?and embed your Mega Menu with the?appropriate shortcode.
Can anybody help me, please?