How to make off-canvas menu open on the right side?

cemsdb

How does one make the off-canvas menu open on the right side of the screen? Usually editing the 'off-canvas.php' file works, but the file on this template already has set ' data-pos="right" '

dominic

Hi cemsdb,
You can open the \templates\ja_brickstore\tpls\blocks\sidebar.php file and find the line 30:

<button class="btn btn-primary off-canvas-toggle <?php $this->_c('sidebar') ?>" type="button" data-pos="right" data-nav="#t3-off-canvas-sidebar" data-effect="<?php echo $this->getParam('addon_offcanvas_effect', 'off-canvas-effect-4') ?>">

cemsdb

dominic Thank you Dominic, that was very helpful!

Is there a way to make the sidebar change sides depending on screen-width size? Default design works great on laptops, but left sidemenus are not very ergonomic for small screens (too far from right-hand thumb), so the goal is to switch sides only on small screens.

dominic

Hi cemsdb,
You can use the following CSS code:

@media (max-width: 767px) {
.off-canvas-left.off-canvas-current {
    left: auto;
    right: 0;
}
.off-canvas-left.off-canvas-effect-2.off-canvas-open .t3-wrapper {
    -webkit-transform: translate3d(-250px,0,0);
    transform: translate3d(-250px,0,0);
}
}

cemsdb

dominic Thanks again Dominic, that worked perfectly!