and
Code: Select all
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
#wrap {
margin-top: 5px auto;
margin-bottom: 24px;
}
}
is good for me small gap at the top of forum and on mobile allows acp link to be see.
Code: Select all
/*
*
* @package Fixed footer navbar
* @author dmzx (www.dmzx-web.net)
* @copyright (c) 2014 by dmzx (www.dmzx-web.net)
* @license http://opensource.org/licenses/gpl-license.php GNU Public License
*
*/
#nav-footer {
display: none;
}
#wrap {
margin-top: 5px auto;
}
#footer-wrap {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 10;
}
#footer-container {
height: auto px;
background: -webkit-linear-gradient(#e1ebf2, #FFFFFF, #FFFFFF, #e1ebf2);
background: -o-linear-gradient(#e1ebf2, #FFFFFF, #FFFFFF, #e1ebf2);
background: -moz-linear-gradient(#e1ebf2, #FFFFFF, #FFFFFF, #e1ebf2);
background: linear-gradient(#e1ebf2, #FFFFFF, #FFFFFF, #e1ebf2);
box-shadow: 0 0 20px #000000;
border: 1px solid #999999;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
#footer-container:hover {
height: auto px;
background: -webkit-linear-gradient(#F6F4D0, #FFFFFF, #FFFFFF, #F6F4D0);
background: -o-linear-gradient(#F6F4D0, #FFFFFF, #FFFFFF, #F6F4D0);
background: -moz-linear-gradient(#F6F4D0, #FFFFFF, #FFFFFF, #F6F4D0);
background: linear-gradient(#F6F4D0, #FFFFFF, #FFFFFF, #F6F4D0);
border: 1px solid #999999;
box-shadow: 0 0 20px #000000;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
#footer {
width: auto px;
margin: 0 5px 0 5px;
padding-top: auto px;
color: #536482;
position: relative;
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
#wrap {
margin-top: 5px auto;
margin-bottom: 24px;
}
}
Edit added whole css file
Demo yourdomain.com - Index page