.dropend .dropdown-toggle::after { float: right; margin-top: 8px; } // 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 function t3sbDropdownAnimate(vw, bp, dropdownAnimateValue) { if ( vw < bp ) { document.querySelectorAll('.dd-animate-'+dropdownAnimateValue).forEach(function(dda) { dda.classList.remove('dd-animate-'+dropdownAnimateValue); dda.classList.add('removed-animate-'+dropdownAnimateValue); }); } else { document.querySelectorAll('.removed-animate-'+dropdownAnimateValue).forEach(function(dda) { dda.classList.add('dd-animate-'+dropdownAnimateValue); dda.classList.remove('removed-animate-'+dropdownAnimateValue); }); } } // 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 t3sbShrinkingNavbar(navbar, {settings.config.shrinkingNavPadding}); {config.navbar.navColorCSS} // Navbar transparent - Navbar/Assets.html if ( viewportWidth > navbarBreakpointWidth ) { var colorschemes = '{config.navbar.colorschemes}'; var gradient = '{config.navbar.gradient}'; t3sbTransparentNavbar(colorschemes, gradient); }