Header Nav Overflow Into Mobile Nav
See the Pen Header Nav Overflow Into Mobile Nav by CAWeissen (@CAWeissen) on CodePen.
Header Nav Overflow Into Mobile Nav
Description: The idea behind this header nav is to move items that no longer fit into a navigation drawer/mobile nav. The trick behind it is to give the header a set height and allow the header nav items to wrap, but hide the overflow. Then use JavaScript to check for any items that have wrapped and reveal them in the drawer/mobile nav.
Browsers: Chrome Edge Firefox Opera Safari
Made with: HTML CSS (SCSS) JS
Dependencies: resizeobserver.js
Responsive:Yes
Posted: 27.11.2019