Hi zoidts
You will need to customize the header block: /templates/ja_focus/tpls/blocks/header.php
by moving the snippet of code which render the off-canvas toggle button:
<?php if (($this->getParam('navigation_collapse_enable', 1) && $this->getParam('responsive', 1)) || $this->getParam('addon_offcanvas_enable') || $this->countModules('head-social') || $this->countModules('head-search') || $this->countModules('topbar-left')) : ?>
<div class="col-xs-6 col-sm-6 topbar-left pull-left <?php $this->_c('topbar-left') ?>">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-toggle-wrap clearfix pull-left">
<?php if ($this->getParam('navigation_collapse_enable', 1) && $this->getParam('responsive', 1)) : ?>
<?php $this->addScript(T3_URL.'/js/nav-collapse.js'); ?>
<a type="button" href="#" class="navbar-toggle" data-toggle="collapse" data-target=".t3-navbar-collapse" title="open">
<span class="fa fa-bars"></span>
</a>
<?php endif ?>
<?php if ($this->getParam('addon_offcanvas_enable')) : ?>
<?php $this->loadBlock ('off-canvas') ?>
<?php endif ?>
</div>
<?php if ($this->countModules('topbar-left')) : ?>
<div class="hidden-xs hidden-sm clearfix">
<jdoc:include type="modules" name="<?php $this->_p('topbar-left') ?>" style="raw" />
</div>
<?php endif ?>
</div>
<?php endif ?>
to underneath the logo section in the same file and custom style for it.
