.sidebar-primary {
float: right;
width: 33%;
}
<div id="cff" data-char="400" class="cff-fixed-height cff-default-styles" style="width:360px; height:40em; padding:20px; background-color:#ffffff; "></div>
@media only screen and (max-width: 1280px) {
.site-container {
width: 93%;
}
.content {
float: left;
width: 60%;
}
.sidebar-primary {
width: 35%;
}
}
@media only screen and (max-width: 767px) {
.content {
width: 100%;
}
.sidebar-primary {
width: 100%;
}
}
@media only screen and (max-width: 1280px) {
.site-container {
width: 93%;
}
.content {
float: left;
width: 60%;
}
.sidebar-primary {
width: 35%;
}
}
@media only screen and (max-width: 767px) {
.content {
width: 100%;
}
.sidebar-primary {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.content {
float: left;
width: 100%;
}
.sidebar-primary {
width: 100% !important;
}
}
Open in new window