Have you ever attempted to make a change to a DNN website from a mobile device only to find you can't access the "Edit Page" section of the Control Panel? Ideally it would be great if the Control Panel were responsive. However, until that time comes, there is a quick workaround we have used and I thought I would share it with others. The following solution works on devices supporting at least a 726px screen width.
You can simply override the following class style from
/admin/ControlPanel/ControlBar.css.
.ControlContainer {
position: relative;
width: 980px;
height: 53px;
margin: 0px auto;
}
In the above CSS, you'll see the ControlContainer class has a fixed width of 980px. This can be changed to 726px as depicted below. However, you'll want to handle this override
within your theme/skin CSS or other applicable CSS file as to not modify the core DNN CSS file.
.ControlContainer {
position: relative;
width: 726px;
height: 53px;
margin: 0px auto;
}
Until
a better UI/UX is developed for the core control panel, this workaround should help the many desiring to make updates to a DNN site via mobile device.