Disabling Columns Javascript help

[CarraraWebsiteSolutions]

Hello I am trying to get my column left and right disabled using javascript but having touble working out. I would like it to be disabled from widths i choose example 340 wide will not show?

I have put display none in my column-left and right but doesn’t remove gap.

@media only screen and (min-width : 320px) and (max-width : 360px) {

    body { margin: 0px; padding: 0px; }

    /*********** Layout ****************/

    #container {
        width: 100%;
    }

    #column-left {
        display: none !important;
    }

    #column-right {
        display: none !important;    
    }

}

/*********** Column Category **********/ ul.box-category { display: none; }

if($('#column-left').length == 0 && $('#column-right').length > 0) {
$('#column-right').addClass('span3');
$('#content').addClass('span9');
}

[Author]

Posts