// Searchbox - Navbar/Assets.html
t3sbNavbarSearchbox(viewportWidth, navbarBreakpointWidth);
window.addEventListener('resize', function(event) {
resizedViewportWidth = parseFloat(getComputedStyle(document.querySelector('html'), null).width.replace("px", ""));
t3sbNavbarSearchbox(resizedViewportWidth, navbarBreakpointWidth);
}, true);
// Extra row - Navbar/Assets.html
t3sbExtraRow(viewportWidth, navbarBreakpointWidth);
window.addEventListener('resize', function(event) {
resizedViewportWidth = parseFloat(getComputedStyle(document.querySelector('html'), null).width.replace("px", ""));
t3sbExtraRow(resizedViewportWidth, navbarBreakpointWidth);
}, true);
// Dropdown animate - Navbar/Assets.html
t3sbDropdownAnimate(viewportWidth, navbarBreakpointWidth, {config.navbar.dropdownAnimateValue});
window.addEventListener('resize', function(event) {
resizedViewportWidth = parseFloat(getComputedStyle(document.querySelector('html'), null).width.replace("px", ""));
t3sbDropdownAnimate(resizedViewportWidth, navbarBreakpointWidth, {config.navbar.dropdownAnimateValue});
}, true);
// No justify on mobile - Navbar/Assets.html
if ( viewportWidth < navbarBreakpointWidth ) {
navbar.querySelector('.main-navbarnav').classList.remove('nav-fill', 'w-100');
}
// Offcanvas - Navbar/Assets.html
var navbarBreakpoint = document.body.getAttribute('data-navbar-breakpoint');
var navbarBPWidth = navbarBreakpointWidth,
utilColor = '{config.navbar.offcanvasBgColorClass}',
utilColorArr = utilColor.split(' ');
if (navbarBreakpoint == 'no') {
navbarBPWidth = 99999;
}
t3sbOffcanvas(viewportWidth, navbarBPWidth, utilColorArr);
window.addEventListener('resize', function(event) {
resizedViewportWidth = parseFloat(getComputedStyle(document.querySelector('html'), null).width.replace("px", ""));
t3sbOffcanvas(resizedViewportWidth, navbarBPWidth, utilColorArr);
}, true);
// Navbar mega-menu - Navbar/Assets.html
var megaDropdown = document.querySelectorAll('.mega-dropdown'),
navbarBreakpointToggler = '';
if ( viewportWidth < navbarBreakpointWidth ) {
navbarBreakpointToggler = document.querySelectorAll('.remove-{settings.config.navbarBreakpoint}');
navbarBreakpointToggler.forEach( nbt => {
nbt.remove();
});
} else {
navbarBreakpointToggler = document.querySelectorAll('.show-{settings.config.navbarBreakpoint}');
navbarBreakpointToggler.forEach( nbt => {
nbt.remove();
});
}
// Shrinking Navbar on scrolling - Navbar/Assets.html
let x;
t3sbShrinkingNavbar(navbar, {settings.config.shrinkingNavPadding});
// Navbar sticky-top - Navbar/Assets.html
window.onscroll = function() {stickyFunction()};
let sticky = navbar.offsetTop;
function stickyFunction() {
if (window.pageYOffset >= sticky) {
navbar.classList.add('sticky');
} else {
navbar.classList.remove('sticky');
}
}
{config.navbar.navColorCSS}
// Navbar transparent - Navbar/Assets.html
if ( viewportWidth > navbarBreakpointWidth ) {
var colorschemes = '{config.navbar.colorschemes}';
var gradient = '{config.navbar.gradient}';
t3sbTransparentNavbar(colorschemes, gradient);
}