.container-green-full-width {
width: 98vw;
left: 14vw;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.container-green-full-width {
width: 96vw;
left: 3vw;
}
}
/*
=============================================== 04. #Mobile (Portrait) ===============================================
*/
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
.entry-content.blog_postcontent {
width: 130% !important;
margin-left: -40px !important;
padding-left: 0px !important;
}
.container-green-full-width {
width: 96vw;
left: 1vw !important;
}
}
/*
=============================================== 05. #Mobile (Landscape) ===============================================
*/
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.entry-content.blog_postcontent {
width: 130% !important;
margin-left: -40px !important;
padding-left: 0px !important;
}
.container-green-full-width {
width: 96vw;
left: 1vw !important;
}
}
Responsive Thrive Container
Published in the Ahmad Naser ecosystem. Estimated reading time: 1 minute.
Leave a Reply