Question

Hello
on desktop i have block 16 showing 10 articles
can i make them 5 on mobile design? but keep them 10 on desktop??
http://www.autosport.me/

thanks

Hi

Use this css in:

@media(max-width: 768px){
.page-id-358569 .td_block_16 .td-block-row:last-child{
display: none;
}
}

This css will hide the last row of block 16 only from homepage. Note that the post will still be loaded but will be hidden.

Thanks!

thank you Andrei
can i add it in style.css to make it load faster?

Hi

Yes is possible to add the code in style.css. In fact any css added in theme panel can be also added in style.css.
Thanks!

thank you Andrei
the problem now is the css hiding all articles in other block 16

i am using it 3 tiems with 3 articles only

the first block 16 work fine and show me only 5 and that what i need.. but how to avoid hiding others articels?

thank you

Hi

You can add a specific class on the block from which you want to hide the row, in Visual Composer: http://screencast.com/t/MkIn5STfXU then use it in css to tarket only that specific row like in this example:

@media(max-width: 768px){
.page-id-358569 .custom-css-class .td_block_16 .td-block-row:last-child{
display: none;
}
}

Thanks!