Zen Cart v1.5.6a
PHP v7.2.4
Our company is creating a new look for our website based on Zen Cart's Responsive Classic template. In the new design there is a hamburger menu that is ever-present along with a main header navigation; and then at smaller sizes (mobile/portrait tablet) the main nav lives inside the hamburger menu as well.
I've been trying to get the mmenu implementation that's used in the tablet and mobile versions from the responsive_classic template to appear in the default/desktop/full layout as well, but to no avail. I've added the statement to load
tpl_modules_mobile_menu.php even in default layout, and I've added a link to
jquery.mmenu.all.css also in the desktop/default layout. After doing this, the desktop page produces the HTML:
HTML Code:
<div id="mm-blocker" class="mm-slideout"></div>
but not the "class=header" <div> that would normally come after it on the functioning layouts.
I think that if I could get the mmenu to load on the desktop layout then I could style it the way that we need it to be styled, but I'm having trouble getting it to build itself correctly.
I'm also wondering the best way to get a list of links in the mmenu navigation that would be conditional on device or window width. Would it be easiest to make the ezpages and then enable the ezpages link to the mmenu, even if we don't actually utilize the ezpages feature? Or can I pass it a specific list of links that would exist when at a certain layout/width, but not exist (or be visible) when at default/desktop?
I would appreciate any assistance or advice that anyone has to offer on the subject.
Thank you very much,
–Robert
Bookmarks