Big Slide Mobile

Hi,

Try this custom css in theme panel > custom css filed: http://screencast.com/t/TAX71uLTBb
Adjust it as you like.

@media (max-width: 767px){
.td-big-grid-post-2, .td-big-grid-post-3 {
width: 100%;
}
.td-big-grid-post-2 {
border-bottom: 4px solid #fff;
}

.td-big-grid-post-1 .entry-thumb, .td-big-grid-post-2 .entry-thumb, .td-big-grid-post-3 .entry-thumb {
width: 100%;
height: 100%;
}
.td-big-grid-post-2 .thumb-wrap, .td-big-grid-post-3 .thumb-wrap {
border-right: 0px;
height: 100%;
}
.td-big-grid-post-2 .td-sbig-title-wrap, .td-big-grid-post-3 .td-sbig-title-wrap {
padding: 8px 5px 8px 5px;
}
.td-big-grid-post-2 a, .td-big-grid-post-3 a {
font-size: 17px !important;
line-height: 12px;
}
}

Thanks

Hi,

Try this: http://screencast.com/t/Rb7Blab4dZ3y
You have the css code here: http://pastebin.com/peLMvJdE

Thanks

Hi,

Unfortunately the theme doesn’t have an option to display only 2 posts on mobile. All 4 post appear together and are only rearranged, they aren’t separated. What you can do is to hide using custom css on mobiles but they will not appear when you click to show next.
So you can use Lucian’s code to show last 2 post on 100% width or hide last 2 posts – http://screencast.com/t/jm1nfRN3c6

@media (max-width: 767px){
.td-big-grid-post-2, .td-big-grid-post-3 {
display: none;
}
}

Thanks!