Hi,
I want to remove the sidebar on mobile devices I have this CSS sidebar but still , any ideas
@media(max-width: 767px){
.single .td-main-sidebar {
display: none;
}
}
.td-header-style-10 .td-header-text-logo {
margin: 0px 10px 30px 30px
}
.td-footer-container {
margin-right: auto;
margin-left: auto;
position: relative;
background-color: #222222;
padding: 0px 0 0px 0;
color: #ffffff;
}
.td-pb-padding-side {
padding: 8px 0px 0px;
}
.td-footer-container .td-footer-info {
margin-bottom: 0px;
}
.footer-logo-wrap {
margin-bottom: 0px;
display: block;
}
.sf-menu > .current-menu-item > a, .sf-menu > .current-menu-ancestor > a, .sf-menu > .current-category-ancestor > a, .sf-menu > li > a:hover, .sf-menu > .sfHover > a {
background-color: #2daae1;
color: #000000;
z-index: 999;
}
.td-ss-main-content{
margin-left: 10px;
margin-right: 10px;
}
.td-page-title {
display:none;
}
.sf-menu > .current-menu-item > a, .sf-menu > .current-menu-ancestor > a, .sf-menu > .current-category-ancestor > a, .sf-menu > li > a:hover, .sf-menu > .sfHover > a {
background-color: #2daae1;
color: #ffffff;
z-index: 999;
}
.td-sub-footer-container {
padding: 0px 10px 0px 10px
}
.td-category-description{
padding: 23px;
}
.titulares {
font-family: ‘Roboto Condensed’, sans-serif;
font-size: 25px;
line-height: 35px;
font-weight: normal;
font-style: italic;
text-align: center;
text-transform: uppercase;
color: #4db2ec;
}
THX
Sorry, the website is
Hi,
I have checked your site and did not found the css that refers to the sidebar. Try to add also !important like this:
@media (max-width: 767px) {
.single .td-main-sidebar {
display: none !important;
}
}
It should work fine for your post’s sidebar.
Thanks!
