// 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); }