The jQuery mmenu plugin is used on many sites and used in lots of templates and themes, but removes the Olark chat box from pages by default.

If you update your mmenu plugin to version 5.4.1, you can use the new Olark wrapper to prevent the chat box being removed from your pages.

  1. In your HTML document, include the mmenu plugin as usual (make sure you have updated to version 5.4.1). Underneath, include a link to the Olark wrapper, which you can download from the mmenu plugin homepage. Your HTML should look something like this:

    <head>
        <!-- Include jQuery and the mmenu plugin -->
        <script src="path/to/jquery.js" type="text/javascript"></script>
        <script src="path/to/jquery.mmenu.min.js" type="text/javascript"></script>
    
        <!-- Include the Olark wrapper -->
        <script src="path/to/jquery.mmenu.olark.min.js" type="text/javascript"></script>
    
        <script type="text/javascript">
            $(document).ready(function() {
    
                // Use the mmenu plugin as normal
                $("#my-menu").mmenu();
    
            });
        </script>
    </head>
    
  2. Save your changes and reload your page. The mmenu plugin and the Olark chat box should now load as normal. Be sure to read more about mmenu framework wrappers.

Troubleshooting

  • The Olark wrapper will not work reliably with earlier versions of the mmenu plugin. You can find your current mmenu plugin version number by looking at the first lines of the jquery.mmenu.min.js file.
  • In your web browser's Developer Tools console, try running the olark('api.box.expand'); command, to make sure the chat box is not hidden.
  • If you have an issue with the mmenu plugin, be sure to create an issue in the mmenu Github repository.