Example.

Great tutorials @Igor Cunha

@Billy: please take a look the solution and let us know if you have any difficulties.

Gardner.

I put navbar-fixed-top instead of navbar.

Create a new block => give a name header-p e and put this code. After adjust the css.

//========================================================================//

<?php
/**
* @package T3 Blank
* @copyright Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
*/

defined('_JEXEC') or die;

// get params
$sitename = $this->params->get('sitename');
$slogan = $this->params->get('slogan', '');
$logotype = $this->params->get('logotype', 'text');
$logoimage = $logotype == 'image' ? $this->params->get('logoimage', 'templates/' . T3_TEMPLATE . '/images/logo.png') : '';

if (!$sitename) {
$sitename = JFactory::getConfig()->get('sitename');
}
?>





<!-- MAIN NAVIGATION -->
<nav id="t3-mainnav" class="wrap navbar-fixed-top navbar-default t3-mainnav">
<div class="container">
<div class="navbar-header">
<!-- LOGO -->

<div class="hidden-xs hidden-sm logo-<?php echo $logotype ?>">
<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 ?>
<span><?php echo $sitename ?></span>
</a>
<small class="site-slogan"><?php echo $slogan ?></small>
</div>


<!-- //LOGO -->



<!-- Brand and toggle get grouped for better mobile display -->


<?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" id="navbar"></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>

</nav>

A huge thanks for your time to answer me! really appreciate it

I will try it and i will post my result here back!

Thanks again!

You're welcome @Billy

Could I use this code in current T3 BS3 template?

Thanks in advance.

Yeah, you can try

Hi,

I adjusted the code a little,
stripped some slashes here and there
to show the images.

<?php
/**
* @package T3 Blank
* @copyright Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
*/

defined('_JEXEC') or die;

// get params
$sitename = $this->params->get('sitename');
$slogan = $this->params->get('slogan', '');
$logotype = $this->params->get('logotype', 'text');
$logoimage = $logotype == 'image' ? $this->params->get('logoimage', 'templates/' . T3_TEMPLATE . 'images/logo/logo.jpg') : '';

if (!$sitename) {
$sitename = JFactory::getConfig()->get('sitename');
}
?>

<!-- MAIN NAVIGATION -->
<nav id="t3-mainnav" class="wrap navbar-fixed-top navbar-default t3-mainnav">
<div class="container">
<div class="navbar-header">

<!-- LOGO -->
<div class="hidden-xs hidden-sm logo-<?php echo $logotype ?>">
<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 ?>
<span><?php echo $sitename ?></span>
</a>
<small class="site-slogan"><?php echo $slogan ?></small>
</div>
<!-- //LOGO -->

<!-- Brand and toggle get grouped for better mobile display -->
<?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><!-- navbar-header -->

<?php if ($this->getParam('navigation_collapse_enable')) : ?>
<div class="t3-navbar-collapse navbar-collapse collapse" id="navbar"></div>
<?php endif ?>

<div class="col-md-8 col-xs-12 t3-navbar navbar-collapse collapse">
<jdoc:include type="<?php echo $this->getParam('navigation_type', 'megamenu') ?>" name="<?php echo $this->getParam('mm_type', 'mainmenu') ?>" />
</div><!-- col-md-8 col-xs-12 t3-navbar navbar-collapse collapse -->

<div class="col-md-4 col-xs-12 m-language"><!-- col-xs-12 col-sm-4 -->
<?php if ($this->countModules('languageswitcherload')) : ?>
<!-- LANGUAGE SWITCHER -->
<div class="languageswitcherload">
<jdoc:include type="modules" name="<?php $this->_p('languageswitcherload') ?>" style="raw" />
</div>
<!-- //LANGUAGE SWITCHER -->
<?php endif ?>
</div><!-- //col-md-4 col-xs-12 m-language -->

</div><!-- container -->
</nav><!-- //t3-mainnav -->

What is the best practice to make a format like this:

|- logo -|- navigation -|- language bar -|
|- 3columns -|- 6 columns -|- 3 columns -|

What is the best practice to make the navigation bar background color white?
In the custom stylesheet?

Look forward to your reply,

Hans

Or a format like:

|- logo -|- navigation -|- language bar -|
|- 3columns -|- 7 columns -|- 2 columns -|

Thanks in advance,

Hans

Hello, i want this also.
Made the changes Igor suggested.
It's working fine.
But, the path to the logo-file is not working (see attachment)
In the map images I made a map logo in this map logo i have put a logo.png
Then adjusted the path, but it's not working.
I'm working on localhost (XAMPP)
What do I do wrong?

And than there is also this.
I want (a smaller) logo to stay in smaller screens, now it is disappearing.
How can I accomplish that?