hi, i wanted to know if there’s a possibility of changing a block’s display view. meaning: i really like block 11 for desktop, but for mobile, i would like article list to display block 7
Hi,
On mobile the module 10 thumb(this module is used on block 11) is resized via custom css, but you can try this custom css and it will look like module 6(block 7) on mobile – http://screencast.com/t/7X1CTzL9
@media (max-width: 767px){
.td_module_10 .td-module-thumb .entry-thumb {
width: 100px !important;
height: 75px !important;
}
.td_module_10 .td-module-thumb {
float: left !important;
}
.td_module_10 .td-excerpt, .td_module_10 .meta-info .td-module-comments, .td_module_10 .td-post-category {
display: none !important;
}
.td_module_10 .item-details{
margin-left: 120px;
margin-bottom: 0px !important;
min-height: 100px;
}
.td_module_10 .entry-title {
font-size: 12px !important;
}
}
Please paste this code in Theme Panel > Custom Css and use !important tag if some values doesn’t apply.
Thanks!
worked great thanks. now i need to disable sidebar on mobile devices, any way possible?
Hi,
Unfortunately the theme doesn’t have an option to disable sidebar on mobiles, but you can hide it via custom css:
@media (max-width: 767px){
.td-main-sidebar {
display: none !important;
}
}
Thanks!
it works great on all the site, but the sidebar stills shows on homepage…. my site is newswatch28.com
Hi,
Replace the above code with this one:
@media (max-width: 767px){
.td-main-sidebar, .home .wpb_widgetised_column aside{
display: none !important;
}
}
Thanks!