Change block/article dosplay list pc/mobile

Posted in: Newsmag
Post count: 24

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

Post count: 7909

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!

Post count: 24

worked great thanks. now i need to disable sidebar on mobile devices, any way possible?

Post count: 7909

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!

Post count: 24

it works great on all the site, but the sidebar stills shows on homepage…. my site is newswatch28.com

Post count: 7909

Hi,

Replace the above code with this one:

@media (max-width: 767px){
.td-main-sidebar, .home .wpb_widgetised_column aside{
display: none !important;
}
}

Thanks!

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newsmag’ is closed to new topics and replies.