Pull Request for Issue # .
#46675

Summary of Changes
The JavaScript logic in
build/media_source/templates/administrator/atum/js/template.es6.js
has been updated to improve the handling of menu interactions on mobile devices. Previously, the code only listened for generic dropdown toggles and attempted to close their targets. The improved logic now listens for clicks on all interactive header elements (dropdowns, links, buttons) and explicitly checks if the Sidebar (#sidebar-wrapper) or Subhead (#subhead-container) are open. If they are open and the click did not originate from within them, they are securely closed using the Bootstrap Collapse API.

Testing Instructions
Login to the backend of Joomla.
Switch to mobile view (or resize browser window width to less than 992px).
Open the Main Menu (sidebar) using the hamburger toggle icon.
Click on the User Menu icon (top right).
Verify: The Main Menu sidebar should close automatically, and the User Menu dropdown should appear.
Open the Main Menu again.
Click on the Site Preview link (globe icon or text).
Verify: The Main Menu sidebar should close automatically.
Actual result BEFORE applying this Pull Request
When the Main Menu is open on mobile, clicking the User Menu or Site Preview does not close the Main Menu. The Main Menu remains open, obscuring the content or overlapping with the User Menu, forcing the user to manually close the sidebar first.

Expected result AFTER applying this Pull Request
When the Main Menu is open on mobile, clicking any interactive header item (User Menu, Site Preview, etc.) automatically closes the Main Menu (and Subhead if open), providing a clean and expected user interface experience.

Link to documentations

Please select:

• Documentation link for docs.joomla.org:

• No documentation changes for docs.joomla.org needed

• Pull Request link for manual.joomla.org:

• No documentation changes for manual.joomla.org needed