Add media queries so multiple columns are 1 column on small width screens

[cliffordp]

[jeffikus]

Hi there, can you please explain your issue a bit more, your image is unclear as to what your goal is?

What screen(s) are you aiming for?
What browser are you testing in?
Do you have a live url I can test this on?

Thanks,

[cliffordp]

Hi. I agree that screenshot wasn't too helpful; sorry about that.

Default Project archive is 2 column view, which is great. However, it stays 2 column view on all browser widths (e.g. iPhone portrait to Chrome desktop computer).

http://new.tourkick.com/portfolio/ (temporary URL) is a place I have Projects archive. I added this CSS:

@media (max-width: 767px)
body.projects-page .projects.columns-2 ul.projects li.project {
    width: 100%;
    margin-right: 0;
    float: none;
}

I didn't add styling for all possible column counts (e.g. 3, 4, etc column layouts) since I'm not using them.

I hope this helps understand my request.

Thanks!