How to make admin panel backend FULL Width

General General Questions
1

my admin panel is smaller than my screen
need to make it wider or full width

any help appreciated!

2

At first it is required to add an ability to specify your CSS for admin panel

Then try to use the following code

#main_column {
    .navbar-admin-top, .admin-content-wrap, .content-wrap {
        max-width: none !important;
    }
}

(!) Not tested

3

I am not from developer background, Learned online and w3schools websites.
These code you can try. (For this other developers can asked for more than $200)

design/backend/css/tygh/admin_content.less > Line: 90,
.sidebar {
background: none;
// Comment this, width: 230px;
min-width: 230px;
// Comment this, max-width: 230px;
padding: 15px 0 20px 10px;
height: 100%;
.sidebar-wrapper {
width: 100%;
height: 100%;
}

design/backend/css/tygh/admin_content.less > line: 247,

.content {
    min-height: 100%;
    padding-right: 10px;
	padding-left: 5px; // make padding 
    padding-top: 15px;
    padding-bottom: 20px;
    min-width: 82%; // make 82% 1010px;
    &.no-sidebar {
        width: 100%;
        padding-right: 0;
    }

design/backent/css/tygh/common.less > Line: 6,
// Add this line
#main_column {
.navbar-admin-top, .admin-content-wrap, .content-wrap {
max-width: 100%;
}
}

design/backent/css/tygh/navbars/menu.less > line: 538,
.header-subnav {
background-color: #fff;
box-shadow: 0 0px 2px rgba(0,0,0,0.1);
border-radius: 0;
width: 100%;
max-width:100%; // @wide-width; Remove this with 100%
z-index: 1040;
}

1 Like