When we chek our website on mobile we see th ebig grid section like this
Is there a possibility to list posts like the firstone ins tead of 4 grid?
Regards
Hi,
You can try to do this via custom css: http://screencast.com/t/vr1ryvrFFdwJ
@media (max-width: 767px){
.td-big-grid-post {
width: 100% !important;
max-height: 300px;
min-height: 190px;
}
.td-big-grid-post-1{
height: auto !important;
}
.td-big-grid-post-2{
height: auto !important;
}
.td-big-grid-post-3{
height: auto !important;
}
.td-big-grid-post-4{
height: auto !important;
}
}
Thanks!
Thanks . I have trie. it worked but with a problem. 4th post came sticked to 3rd one.
And also is there a way anoth type of picture with lover height?
Regards
Hi,
The issue with post 3 and post 4 can be solved with margin bottom also you can control the height for specific post from the Big Grid with max-height: http://screencast.com/t/9uzxDjQxKY
Replace with the previous css code with this one:
@media (max-width: 767px){
.td-big-grid-post {
width: 100% !important;
}
.td-big-grid-post-1{
height: auto !important;
max-height: 250px;
}
.td-big-grid-post-2{
height: auto !important;
max-height: 250px;
}
.td-big-grid-post-3{
height: auto !important;
margin-bottom: 4px;
max-height: 250px;
}
.td-big-grid-post-4{
height: auto !important;
max-height: 250px;
}
}
It is not so easy to have quality for those images(they are stretched via css) as Big Grid was not designed like this for mobile screens.
Hope this helps!
