Admin mobile content outside of viewport when navigation menu is open

[bull5-i]

Currently when viewing the admin pages in a mobile device with screen width less than 768px with the navigation menu is opened, the page content is pushed off the screen due to following stylesheet rule in
/upload/admin/view/stylesheet/stylesheet.css:

@media (max-width: 767px) {
#column-left.active + #content {
    position: relative;
    left: 235px;
}
}

Pushing content off the screen so it is not accessible is definitely not the right thing to do. Instead I would use margin-left: 235px; (this way the #content div width will be reduced to what is left of the 235px margin) or _even better_ left: 0; so the navigation menu will overlay the #content div which will keep the full page width. With such small screen sizes keeping the navigation menu opened while viewing or modifying content is not practical anyway, so overlaying the menu seems to be more appropriate solution.

[mhcwebdesign]

Using a responsive theme for the admin side of OpenCart is IMHO a questionable choice. There are lot of admin pages where the main contents simply won't fit the display of smaller mobile devices.

[bull5-i]

Fortunately Bootstrap framework enables mobile first approach and I think mobile is the way to go.

[bull5-i]

Why has the issue been closed without a fix?

[danielkerr]

it was deigned this way. the whole window moves without squashing the content when in mobile view.

[bull5-i]

You could get the same result (not squashing the content) by overlaying the menu (using the left:0 proposed fix). Overlaying navigation menus on mobile views is widely used solution.