Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #1052772

    Hi – I need to completely disable the mobile Enfold menu as the mobile menu is causing issues with Max Mega Menu.

    Thanks Matt

    #1052843

    Hey Matt,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    #1052941

    Its the dev site:

    You’d need to add this to hosts file.
    18.130.66.78 http://www.railombudsman.org

    Its to do with Enfolds default JS for the tablet and mobile breakpoints interfering with MM menu apparently.

    #1053659

    Hi julie_ferrand,

    Could you please attach some screenshots of the issue?

    The menu seems to work fine on most mobile screen sizes.

    Best regards,
    Victoria

    #1053674

    Hi Victoria

    The live site is working fine as its actually running on the old JS. On narrow screen formats like mobile its actually working just fine – on teh live and dev sites. I see the menu is now stretched across the screen – so I assume someone has tried fixing remotely.

    The issue is the break points (more tablet sizes). I have it set at 1000px though there seems to be breaks at 970 and 748 odd where things go awry. Changing the Enfold breakpoint to a lower amount has the hamburger appear in the menu.

    Full width above 1000px – displays OK – though the menu should be lined up with the body.
    Below 1000px and 748 – the content is pushed down which is correct – but the menu isn’t stretching full screen width. And have a purple block to the right and content is off the screen (think the text is a Max Mega Menu setting – so can ignore that).
    Below 748 – the menu displays fine but the content isn’t pushing down.

    Ideally we need the Enfold menu to cease functioning below 1000px.

    Max Mega Menu has been used for accessibly – so we were able to get a keyboard focus on the menu elements.

    Thanks Matt

    See the attachments via wetransfer.com

    #1055276

    Hi,

    Have you consider to contact the plugin developer to help you with the issue.
    The compatibility with the plugin is outside of our Support Scope unfortunately.

    Best regards,
    Basilis

    #1055392

    Yes – I have been in contact with them and have had them working on the site directly to try and resolve.

    The last correspondence from him is that Enfold seems to have had some new JS with one of the recent updates that has the breakpoints set – and those breakpoints are conflicting with the plugin.

    I really was wanting to use Enfolds menu but its isn’t very keyboard compatible. The button highlights and dropdowns don’t work on keyboard focus. The other option would be to try and rectify the Enfold menu so it works as required. We need the site to be WCAG AA level accessibility compliant.

    Really need to get this sorted out ASAP – need to get my live site updated and can’t until this is resolved.

    Thanks Matt

    #1057011

    Hi,

    Thank you for using Enfold.

    There are no errors in the console and the menu is displaying properly.

    Screenshot: https://imgur.com/a/XjJ370y

    Is this fixed?

    Best regards,
    Ismael

    #1057164

    Hi Ismael

    This is nowhere near resolved. The issue is to do with the submenu – the menu icon displays fine.

    2 options –

    1: get Enfold menu to work with keyboard (it works but does not highlight and allow for submenu to be visible on highlight)
    2: Disable Enfold’s mobile menu entirely so Mega Max menu’s settings work without enfold’s mobile presets. Keyboard focus works well with MM menu.

    This has become extremely urgent to have resolved. I have been in contact with Mega Max Menu support and they have specified that its Enfold’s presets which are upsetting the current menu config

    Thanks Matt

    #1058000

    Hi,

    Can you give us a screenshot again? The ones above are no longer available. FYI, we don’t provide support for third party plugins as stated on our support policy, so you have to keep in touch with the plugin developer because they are more familiar with their code. If you want to fully disable the theme’s mega menu script, edit the functions.php file and remove this code:

    //mega menu inclusion (only necessary with sub menu items)
    		$condition = (avia_get_submenu_count('avia') > 0);
    		avia_enqueue_script_conditionally( $condition , 'avia-megamenu', $template_url."/js/avia-snippet-megamenu.js", array('avia-default'), $vn, true);
    

    Or dequeue it manually.

    // https://codex.wordpress.org/Function_Reference/wp_dequeue_script

    Best regards,
    Ismael

    #1058098

    Hi Ismael

    Thanks for the response. The issue isn’t their code specifically. They need to have Enfolds mobile menu disabled so they can sort the final issues they have. As the Enfold Tablet breakpoints are interfering with theirs.

    Is there no way to get enfold’s menu to work with keyboard highlight? Then I can get this sorted and move on. Sorry this has taken quite a while to resolve between the plugin guys and yourselves.

    Thanks Matt

    #1058530

    Hi,

    The theme’s mobile menu script is located in the js > avia.js file. Look for this code and comment it out, if you want to disable the mobile/hamburger menu.

    //activates the hamburger mobile menu
    avia_hamburger_menu();
    

    Best regards,
    Ismael

    #1059621

    Hi Ismael

    Thanks for that – though it didn’t work it helped me figure out and sort the issue. I think this has now been resolved.

    Thanks Matt

    #1059745

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Mobile menu – issues with Max Mega Menu’ is closed to new replies.