My site is not online. I have done some changes in the structure. But I have problems with small screen.
See below the new structure and the image attached.
In mobile version I loose the link to home in the logo and the menu not occupied full with.
<!-- MAIN NAVIGATION -->
<nav id="t3-mainnav" class="wrap navbar navbar-default t3-mainnav" data-spy="affix" data-offset-top="70">
<div class="container">
<!-- LOGO -->
<!-- <?php echo $logosize ?> -->
<div class="col-xs-2 col-sm-2 col-md-2 logo-nav">
<div class="logo-<?php echo $logotype, ($logoimgsm ? ' logo-control' : '') ?>">
<a href="/<?php echo JURI::base(true) ?>" title="<?php echo strip_tags($sitename) ?>">
<?php if($logotype == 'image'): ?>
<img class="logo-img" src="/<?php echo JURI::base(true) . '/' . $logoimage ?>" alt="<?php echo strip_tags($sitename) ?>" />
<?php endif ?>
<?php if($logoimgsm) : ?>
<img class="logo-img-sm" src="/<?php echo JURI::base(true) . '/' . $logoimgsm ?>" alt="<?php echo strip_tags($sitename) ?>" />
<?php endif ?>
<span><?php echo $sitename ?></span>
</a>
<small class="site-slogan"><?php echo $slogan ?></small>
</div>
</div>
<!-- //LOGO -->
<div class="col-xs-8 col-sm-8 col-md-8">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<?php if ($this->getParam('navigation_collapse_enable', 1) && $this->getParam('responsive', 1)) : ?>
<?php $this->addScript(T3_URL.'/js/nav-collapse.js'); ?>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".t3-navbar-collapse">
<i class="fa fa-bars"></i>
</button>
<?php endif ?>
<?php if ($this->getParam('addon_offcanvas_enable')) : ?>
<?php $this->loadBlock ('off-canvas') ?>
<?php endif ?>
</div>
<?php if ($this->getParam('navigation_collapse_enable')) : ?>
<div class="t3-navbar-collapse navbar-collapse collapse"></div>
<?php endif ?>
<div class="t3-navbar navbar-collapse collapse">
<jdoc:include type="<?php echo $this->getParam('navigation_type', 'megamenu') ?>" name="<?php echo $this->getParam('mm_type', 'mainmenu') ?>" />
</div>
</div>
<div class="col-xs-2 col-sm-2 col-md-2">
<?php if ($this->countModules('menu-search')) : ?>
<!-- NAV SEARCH -->
<div class="menu-search <?php $this->_c('menu-search') ?>">
<jdoc:include type="modules" name="<?php $this->_p('menu-search') ?>" style="raw" />
</div>
<!-- //NAV SEARCH -->
<?php endif ?>
</div>
<!-- <div class="col-md-1">
<?php if ($this->countModules('menu-lang-switch')) : ?>-->
<!-- LANGUAGE SWITCHER -->
<!--<div class="">
<jdoc:include type="modules" name="<?php $this->_p('menu-lang-switch') ?>" style="raw" />
</div>-->
<!-- //LANGUAGE SWITCHER -->
<!--<?php endif ?>
</div>-->
</div>
</nav>
<!-- //MAIN NAVIGATION -->
