Different article list template for desktop / mobile

Posted in: Newspaper
Post count: 19
Crabouille
#52978
Jun 14, 2015 at 8:45 pm

Hi,
I’m using M8 for the article list on the homepage but when switching to mobile the images are reduced to a tiny size and become useless, i was wondering if it is possible to keep M8 for desktop users and use M7 for mobile user ?

Post count: 7909
Alin [tagDiv]
#53025
Jun 15, 2015 at 10:43 am

Hi,

You can try this custom css in Theme Panel > Custom Css to change the thumb display on mobile form module 8 – http://screencast.com/t/ewsF96VpIk

@media (max-width: 767px){
.td_mod8 .item-details {
margin-left: 0px !important;
top: 15px !important;
}
.td_mod8 .thumb-wrap img {
max-height: 100%;
max-width: 100%;
width: 100%;
position: relative;
}
}

If you want to apply this only on your homepage just add .home class – .home .td_mod8 .item-details and .home .td_mod8 .thumb-wrap img

Hope this helps!

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