@catwingz: Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:
.two-columns #primary {
width: 900px;
}
.two-columns #secondary {
width: 250px;
}
@media screen and (max-width: 1280px) {
.two-columns #primary {
width: 840px;
}
}
@media screen and (max-width: 1152px) {
.two-columns #primary {
width: 780px;
}
}
@media screen and (max-width: 1100px) {
.two-columns #primary {
width: 700px;
}
}
@media screen and (max-width: 1000px) {
.two-columns #primary {
width: 640px;
}
}
@media screen and (max-width: 940px) {
.two-columns #primary {
width: 530px;
}
.two-columns #secondary {
width: 200px;
}
}
@media screen and (max-width: 782px) {
.two-columns #primary {
width: 100%;
}
.two-columns #secondary {
width: 620px;
}
}
@media screen and (max-width: 640px) {
.two-columns #secondary {
width: 520px;
}
}
@media screen and (max-width: 568px) {
.two-columns #secondary {
width: 560px;
}
}
@media screen and (max-width: 480px) {
.two-columns #secondary {
width: 100%;
}
}
Regards,
Mahesh
.
