2 columns for screen size from 600 to 800px

Hi there,

try this CSS:

@media (max-width: 800px) and (min-width: 600px) {
    .post.generate-columns {
        float: left;
        width: 50% !important;
    }
    .content-area {
        width: 100% !important;
    }
    .sidebar {
        float: none !important;
        width: 100% !important;
        left: 0;
        right: 0; 
    }
}

Thanks, it is awesome...

Bye

Glad to be of help.

Hi

just updated the code

@media (max-width: 1000px) and (min-width: 600px) {
    .post.generate-columns {
        float: left;
        width: 50% !important;
    }
    .content-area {
        width: 100% !important;
    }
    .right-sidebar.separate-containers .site-main {
    	margin: 20px 0 20px 0;
	}
    .sidebar .widget {
    	background-color: #efefef;
	}
    aside .widget-search {
    	background-color: #ffffff;
    }
    .sidebar {
        float: none !important;
        width: 100% !important;
    }
}

please guide to make sidebar aside WHITE

Isn't the sidebar already white?
https://www.screencast.com/t/bsT7erKa3dLE

Or am I missing something?

resolved

No problem :)