Hello,
Big grid 1 is not responsive on my homepage and big grid 7 is also not responsive on my category pages?
See homepage on desktop:
http://postimg.org/image/av6ni423j/
On mobile posts are cut off on the big grid 1:
http://postimg.org/image/onl2dqsv3/
This is same with big grid 7 on all category pages:
http://postimg.org/image/5apktqdun/
The site is: toat.com
What can be done to make the grids responsive or to remove the grids for mobile only?
Thanks,
Arran
Hi,
The Big Grid blocks were designed to be displayed like this on mobile devices – small thumbs will work like a slider on mobile – http://screencast.com/t/yyN6il0y – http://screencast.com/t/JpLxXbjHXT
You can use Big Grid Slider it will be displayed like in version 4 on mobile devices(just set post limit to at least 8) – https://forum.tagdiv.com/topic/homepage-issue-with-big-grid-3-style-1/#post-55259
Also if you want to hide it on mobile you can use media queries via custom css – http://screencast.com/t/wnbKRocOC
@media (max-width: 767px) {
.home .td_block_big_grid_1 {
display: none !important;
}
}
Thanks!
Hello,
What is the CSS code to remove big grid 7 from category pages on mobile devices?
Thanks,
Arran
Also – Is there any way to exclude categories from the ‘latest’ post section on the homepage?
Thanks,
Arran
Hi,
1. Please try this custom css to hide Big Grid 7 on category page – http://screencast.com/t/YgJALv5T
@media (max-width: 767px) {
.category .td_block_big_grid_7 {
display: none !important;
}
}
2. Yes, just take the category id and add it in Latest Articles section with minus like in the multiple categories filter description – http://screencast.com/t/mS4QYWaM
Thanks!
Hi Alin
It works beautifully but as wizzed I thought there were an issue… infact IMO it is that it miss something in term of UX… not very intuitive that we can “slide”, even if now it seems logical to me ;)…
Congrats to all the team… best theme and best functionalities I have never seen in a theme..
Olivier
