This is a common UX issue with MkDocs (and Material for MkDocs) when the navigation drawer opens on small screens. The default behavior doesn't auto-scroll to the active item.

You can fix this with a small JavaScript snippet. Add it to your docs/javascripts/extra.js:

document.addEventListener("DOMContentLoaded", function () {
  var toggle = document.querySelector('[data-md-toggle="drawer"]');
  if (toggle) {
    toggle.addEventListener("change", function () {
      if (this.checked) {
        // Small delay to let the drawer animate open
        setTimeout(function () {
          var activeLink = document.querySelector(
            ".md-sidebar--primary .md-nav__link--active"
          );
          if (activeLink) {
            activeLink.scrollIntoView({ block: "center", behavior: "instant" });
          }
        }, 100);
      }
    });
  }
});

Then reference it in your mkdocs.yml:

extra_javascript:
  - javascripts/extra.js

The script listens for the drawer toggle checkbox changing state, waits briefly for the animation, then scrolls the active nav link into view. The .md-nav__link--active class is what MkDocs/Material uses to mark the current page in the sidebar.

If you're using vanilla MkDocs (not Material), the selectors will be different -- you'd look for whatever class your theme uses to mark the active nav item. Check your theme's output HTML to find the right selector.