Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Extend footer copyright div background past wrapper Reply To: Extend footer copyright div background past wrapper

#249004
jknetdesign
Participant

Here’s my very time intensive CSS just to get this effect. Please tell me there’s a better way? At least a way that’s not so OCD.

@media screen and (max-width:1600px) {
.bottom-footer:after { 
    width: 29%; 
}   
}
@media screen and (max-width:1500px) {
.bottom-footer:after {
    width: 27%; 
}   
}
@media screen and (max-width:1400px) {
.bottom-footer:after {
    width: 26%; 
}   
}
@media screen and (max-width:1300px) {
.bottom-footer:after { 
    width: 25%; 
}
}
@media screen and (max-width:1200px) {
.bottom-footer:after { 
    width: 26%; 
}
}
@media screen and (max-width:1100px) {
.bottom-footer:after { 
    width: 28%; 
}
}
@media screen and (max-width:1000px) {
.bottom-footer:after { 
    width: 30%; 
}
}
@media screen and (max-width:900px) {
.bottom-footer:after { 
    width: 36%; 
}
}
@media screen and (max-width:768px) {
.bottom-footer:after { 
    width: 41%; 
}
}
@media screen and (max-width:680px) {
.bottom-footer:after { 
    width: 50%; 
}
}
@media screen and (max-width:480px) {
.bottom-footer:after { 
    background: none; 
}
}