Joomla Atum Sidebar Menu fixed position on-scroll (using CSS)

The Sidebar Menu in Joomla 4! / Joomla 5! Atum Template will scroll up (when the Toggle Menu is open) and become partially or completely invisible as the screen continues to scroll down.

By simply adding a simple CSS style, the Sidebar Menu will remain in its position when the screen is scrolled, ensuring it remains visible even when the screen scrolls down.

Please add the following CSS style into /media/templates/administrator/atum/css/user.css file (please create a user.css file if you don't have one already):

/* SIDEBAR MENU ~ fixed on scroll */

#wrapper:not(.closed) .sidebar-wrapper .sidebar-sticky {
  position: fixed; 
  top: 66px;
}

This is the position when the screen on top position.

This is the position when the screen scroll down, the Sidebar Menu will scroll up. The result if the screen continues to scroll down is that the Sidebar Menu will no longer be visible.

After adding a simple CSS style, the Sidebar Menu will remain visible even when the screen scrolls down.

Good luck!
Let me know if you encounter any problems.