2019-07-28, 03:14 AM
CSS has been updated so it works much better than the original code.
[attachment=42056][attachment=42051][attachment=42053][attachment=42049][attachment=42052]
Upload style.php in your FTP > Admin > Default folder
[attachment=42124]
Upload class_page.php in your FTP > Admin > Inc folder
[attachment=42125]
Open your FTP > Admin > Styles > main.css
Add this at the very bottom.
[attachment=42056][attachment=42051][attachment=42053][attachment=42049][attachment=42052]
Upload style.php in your FTP > Admin > Default folder
[attachment=42124]
Upload class_page.php in your FTP > Admin > Inc folder
[attachment=42125]
Open your FTP > Admin > Styles > main.css
Add this at the very bottom.
@media only screen and (max-width: 868px) {
body {
overflow-x: hidden !Important;
overflow-y: scroll !Important;
}
#left_menu {
float:none !Important;
display:inline-block;
width: 100%;
}
#content {
float:left !Important;
display: block;
width: 100%;
padding: 5px 5px;
margin: 0;
margin-left: 0px !important;
}
#logo {
padding-top: 10px;
margin-top: 30px !important;
text-align: center !important;
float:none !Important;
left:0px;
right: 0px;
top: 0px;
}
.float_right {
float:none !Important;
display:inline;
}
.float_left {
float:none !Important;
display:inline;
}
table.general th {
display: none;
}
#welcome {
padding: 10px;
text-align: left !important;
float:none !Important;
margin:auto auto;
left:0px;
right: 0px;
top: 0px;
}
table.general {
background: #f1f1f1;
text-align: left !important;
float:none !Important;
display: block !important;
width: auto !important;
font-size: 13px] !important;
width: auto !important;
}
table.general td {
background: transparent;
padding: 3px;
text-align: left !important;
float:none !Important;
display: block !important;
border-top: 0px !important;
border-left: 0px !important;
border-bottom: 1px solid: #646464;
width: auto !important;
font-size: 13px] !important;
}
table.general .alt_row td {
background: transparent;
padding: 3px;
text-align: left !important;
float:none !Important;
display: block !important;
border-top: 0px !important;
border-left: 0px !important;
border-bottom: 1px solid: #646464;
width: auto !important;
font-size: 13px] !important;
}
#menu ul {
margin: 0;
padding: 5px 5px 0;
height: 60px;
}
.nav_tabs li.active a {
font-size: 110%;
font-weight: bold;
text-align: left !important;
float:none !Important;
display: inline !important;
width: auto;
}
.nav_tabs li a {
font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Sans-Serif;
font-size: 110%;
text-align: left !important;
float:none !Important;
display: inline !important;
width: auto;
}
#footer .generation {
text-align: center !important;
float:none !Important;
margin:auto auto;
}
#footer .powered {
text-align: center !important;
float:none !Important;
margin:auto auto;
}
.border_wrapper {
background: #f1f1f1;
width: auto !important;
}
fieldset {
text-align: left !important;
float:none !Important;
display: inline !important;
width: 100% !important;
}
pre {
display: none !important;
}