Forums

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

Home Forums CSS Media Screen Not Working. Reply To: Media Screen Not Working.

#145556

Thank You that is much better now but have to style each screen size so done this each size is going to have different changes

@media all and (max-width: 1024px) {
    /* styles for narrow desktop browsers and iPad landscape */
}
@media all and (max-width: 959px) {
    /* styles for narrower desktop browsers and iPad portrait */
    #column-left { 
        display: none;
    }
    #column-right { 
        display: none;
    }
    #column-left + #content {
        width: 100%;
        margin: 0;
    }
}
@media all and (max-width: 768px) {
    /* styles for narrower desktop browsers and iPad portrait */
    #column-left { 
        display: none;
    }
    #column-right { 
        display: none;
    }
    #column-left + #content {
        width: 100%;
        margin: 0;
    }
}

@media all and (max-width: 480px) {
    /* styles for iPhone/Android landscape (and really narrow browser windows) */
    #column-left { 
        display: none;
    }
    #column-right { 
        display: none;
    }
    #column-left + #content {
        width: 100%;
        margin: 0;
    }
}

@media all and (max-width: 320px) {
    /* styles for iPhone/Android portrait */
    #column-left { 
        display: none;
    }
    #column-right { 
        display: none;
    }
    #column-left + #content {
        width: 100%;
        margin: 0;
    }
}

@media all and (max-width: 240px) {
    /* styles for smaller devices */
    #column-left { 
        display: none;
    }
    #column-right { 
        display: none;
    }
    #column-left + #content {
        width: 100%;
        margin: 0;
    }
}