We are using the Canvas HTML5 template as the base for creating a Microsoft SharePoint master page via SharePoint's Design Manager feature. Design Manager takes a HTML template, like Canvas, and adds SharePoint specific code. You may think of SharePoint being like WordPress, a content management platform that can use templates/themes.
SharePoint produces its menus as unordered lists, but with additional divs, classes, spans, etc. We have attempted to use JavaScript to strip out SharePoint specific attributes in order to have a simple list structure for the Canvas styling to be applied to. Unfortunately we have not been successful, the SharePoint menu is not appearing properly within the Canvas template.
We are unable to modify the code provided by the SharePoint server, we can only modify it on the client side using JavaScript. Guidance on how to modify SharePoint's menu so that it works with Canvas is appreciated. Attached is the full HTML file output before any attempts are made to modify it with JavaScript.
Darian.