I'm trying to get the off-canvas to work on both small and medium breakpoints for this page:
It's working for small at the moment.
I can display the filter button in the medium breakpoint, and clicking on it does shift the canvas right, but the facets still appear at the bottom of the page:
Medium breakpoint showing the off-canvas right, but without the content:
Here is my template:
<div class="off-canvas-wrapper"> <div class="off-canvas-wrapper-inner" data-off-canvas-wrapper> <div class="m-page row"> <div class="off-canvas-content" data-off-canvas-content> <main class="m-body column large-8"> <?php print $content['main_primary']; ?> </main> </div> <?php if ($content['main_secondary']): ?> <div class="off-canvas position-right reveal-for-large" id="offCanvasRight" data-off-canvas data-position="right"> <aside class="m-sidebar column large-3"> <?php print $content['main_secondary']; ?> </aside> </div> <?php endif; ?> </div> <div class="l-bottom"> <?php print $content['content_bottom']; ?> </div> </div> </div>
If anyone could shed some light on this, I would be extremely grateful.