category display view

Posted in: Newspaper
Post count: 16

Hi,

is possible combinate “category display view”?
M8 for desktop and M5 for mobile devices. I like M8, but in small size (smartphone) are pictures very small.

Thank you

David

Post count: 7909

Hi,

I guess that you use the version 4 of the theme, so you can try this custom css in Theme Panel > Custom Css – http://screencast.com/t/4UFdgqPm

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

If it doesn’t work please provide your site url so I can inspect this.

Thanks!

Post count: 16

Thank you.

Site is: https://www.sportujeme.sk/

category example: https://www.sportujeme.sk/trening/

I used your ccs code. There is now no images.

David

Post count: 7909

Hi,

Add also position relative for the image – http://screencast.com/t/tncjkkMV

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

Thanks!

Post count: 16

Great! It works. Thank you 🙂

Post count: 16

I have now Newspaper 6.4. How can I have same result? Thank you

David

Post count: 16

I have now Newspaper 6.4. How can I have same result? Thank you

David

Post count: 7909

Hi,

You can try this custom css – http://screencast.com/t/eowG18gpolV

@media (max-width: 767px) {
.td_module_11 .td-module-thumb {
width: 100%;
position: relative !important;
}
.td_module_11 .td-module-thumb .entry-thumb {
width: 100%;
}
.td_module_11 .item-details {
margin-left: 0 !important;
top: 0!important;
padding-left: 0 !important;
min-height: 30px !important;
}
}

Thanks!

Post count: 16

Thank you. It works 🙂

Viewing 9 posts - 1 through 9 (of 9 total)
You must be logged in to reply to this topic.