Hi,
Because the header is set to be fixed position so when you add block into header, of course, it will be sticky.
You can try with this tweak:
1) Create a new block called topbar: root/templates/purity_iii/tpls/blocks/topbar.php this will load new position you created (check out this docs for how to create new block/position: http://www.t3-framework.org/documentation/bs3-layout-system#add-block )
2) Load this block above the header block in the layout. For example, on homepage of our demo site, it’s using feature-intro-2 layout so I open the file: root/templates/purity_iii/tpls/features-intro-2.php
and add this line of code:
<?php $this->loadBlock('topbar') ?>
3) Now open the header block: root/templates/purity_iii/tpls/blocks/header.php
look for this line:
<header id="t3-mainnav" class="wrap navbar navbar-default navbar-fixed-top t3-mainnav">
change it to:
<header id="t3-mainnav" class="wrap navbar navbar-default t3-mainnav">
4) Open the script.js file of Purity III template: root/templates/purity_iii/js/script.js
Add this script to the end of file:
(function($) {
// Add affix
$(window).load(function(){
var nav_pills = $('#t3-header');
if (nav_pills.length) {
setTimeout(function(){
nav_pills.affix({
offset: {
top: $('.t3-topbar').height()
}
});
}, 1000);
$(window).resize(function(){
nav_pills.data('bs.affix').options.offset.top = $('.t3-topbar').height();
});
}
});
})(jQuery);
5) Go to this custom CSS file: root/templates/purity_iii/css/custom.css (create this file if it doesn’t exist), add this rule:
.t3-mainnav.affix {
top: 0;
width: 100%;
}
Of course, you will need to customize style for topbar block and header if you want then.
Regards
hdsports.
