Доброго времени суток.
Подскажите, как можно убрать сайдбар в мобильной версии?
Код стилей:
/*-----------------------------------------------------------------------------------*/
/* MEDIA QUERIES
/*-----------------------------------------------------------------------------------*/
@media only screen and (max-width: 1200px) {
#background_left{
right: 50%;
margin-right: 487px;
width: auto;
background-position: right top;
background-repeat: no-repeat;
}
#background_right{
left: 50%;
margin-left: 478px;
width: auto;
background-position: left top;
background-repeat: no-repeat;
}
}
@media only screen and (max-width: 959px) {
#background_leaves{
background: none;
}
#footer_decal{
display:none;
}
#wrapper{
padding-bottom: 0;
}
.wpcf7 input, .wpcf7 textarea {
width: 80%;
}
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
#inner_container .sidebar{
width:215px;
}
#inner_container .sidebar-left{
width:214px;/*1px mess on left*/
}
#wrapper,#header_menu,#footer{
width:715px;
}
#inner_container .sidebar .widget{
clear: none;
float: left;
width: 185px;
margin-top: 10px;
}
#inner_container .with-right-sidebar,
#inner_container .with-left-sidebar{
width:500px;
}
#inner_content{
padding: 15px;
}
.full_banner{
border-radius: 5px;
height: auto;
padding-bottom: 9px;
}
.full_banner .link{
margin:0 0 0 10px;
}
.full_banner .title,
.full_banner .content{
float:none;
}
.fancy_post {
margin: 0 18px 20px 0;
width: 226px;
}
.fancy_post.columns3 {
width: 202px;
}
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
#wrapper,#header_menu,#footer{
width:440px;
}
.fancy_post {
margin: 0 0 20px 34px;
}
.fancy_post.columns3 {
}
#inner_container .sidebar{
float: left;
width: 435px;
padding: 0 0 0 10px;
}
.widget{
margin-right: 10px;
clear: none;
float: left;
width: 175px;
margin-top: 7px;
}
#inner_container .with-right-sidebar #inner_content,
#inner_container .with-left-sidebar #inner_content{
border-radius: 0;
}
#inner_container .with-left-sidebar,
#inner_container .with-right-sidebar{
width: 100%;
}
#inner_content{
padding: 15px;
}
#inner_content img{
max-width: 100%;
height: auto;
}
/* slider mods */
.flexslider_wrapper .flexslider_sidebar li a{
font-size: 9px !important;
padding:0 0 0 7px;
background: none;
}
.full_banner{
border-radius: 5px;
height: auto;
padding-bottom: 9px;
}
.full_banner .link{
margin:0 0 0 10px;
}
.full_banner .title,
.full_banner .link,
.full_banner .content{
float:none;
}
.blog_footer{
height: auto;
}
.blog_footer ul{
width: 300px;
}
.blog_footer ul li{
clear: left;
}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
#wrapper,#header_menu,#footer{
width:110px;
}
#header_menu{
padding: 0;
background: none;
height: auto;
}
#inner_container .sidebar{
float: none;
width: 100%;
padding: 0 0 0px 5px;
}
.widget{
margin-right: 0px;
clear: none;
float: left;
width: 100%;
margin-top: 7px;
}
#inner_container .with-right-sidebar #inner_content,
#inner_container .with-left-sidebar #inner_content{
border-radius: 0;
}
#inner_container .with-left-sidebar,
#inner_container .with-right-sidebar{
width: 100%;
}
#inner_content{
padding: 10px;
}
#inner_content img{
max-width: 100%;
height: auto;
}
.fancy_post {
margin: 0 0 17px 0;
width: 270px;
}
.full_column .fancy_post.columns3,
.fancy_post.columns3 {
width: 270px;
}
.widget{
margin-right: 10px;
clear: left;
float: left;
width: 250px;
}
/* slider mods */
.flexslider_wrapper .flexslider_sidebar li a{
font-size: 8px !important;
padding:0;
background: none;
}
.flexslider_wrapper .flexslider_sidebar li a span {
display: block;
text-align: center;
}
.full_banner{
background: #4477ac;
border-radius: 5px;
height: auto;
padding-bottom: 9px;
}
.full_banner .link{
margin:0 0 0 10px;
}
.full_banner .title,
.full_banner .link,
.full_banner .content{
float:none;
}
/*blog*/
div.blog .date_flag{
/*margin-right: 0;*/
display: none;
}
.blog_footer{
height: auto;
}
.blog_footer ul{
width: 260px;
}
.blog_footer ul li{
clear: left;
}
.blog_summary{
margin-top: 10px;
}
.blog_summary .blog_thumb{
margin: 0 0 0 51px;
}
.blog_summary .blog_text.has_image{
padding: 0;
}
.blog_summary .blog_text.has_image .entry-summary{
padding-top: 170px;
}
.blog_footer a.dtbaker_button_light{
margin: 5px 0px 0 195px;
position: absolute;
}
/* stom iage alisngmnemt */
img.alignleft, img.alignright, img.aligncenter{
margin: 3px;
float: none;
}
.blog_full .fancy_image{
float:none;
margin: 0 0 5px 0;
}
}