main.js 49 if (select('.hover-me')) { on('mouseenter', '.hover-me', function(e) { select('body').classList.toggle('toggle-sidebar') }) on('mouseleave', '.sidebar', function(e) { select('body').classList.toggle('toggle-sidebar') }) } index.html <body class="toggle-sidebar"> <style> .hover-me{ width: 20px; height: 100vh; background: white; position: fixed; left: 0; top: 0; display: flex; justify-content: center; align-items: center; box-shadow: 0px 0px 5px #4154F1; } .hover-me i{ color: #4154F1; } @media (max-width: 1199px) { .hover-me{ display: none !important; } } </style> <div class="hover-me"> <i class="bi bi-caret-right-fill"></i> </div>