Hello Team,
1. Please how can I remove the the big grid 1 from the mobile view so that when todaybase.com is open from the mobile, it wont show that big grid 1 at the top of the contents.
2. How can I make my website fit properly when it is opened on mobile. Sometime when you open it on mobile, it doesn’t fit, or u have to scroll to the left and right. I just want the scroll to be only up and down. Thank you.
Hello todaybase,
Please try the code below and place it in Theme panel->Custom Css area, like this:
http://screencast.com/t/BVbYYdY9
@media (max-width: 767px) {
.td_block_big_grid_1 {
display:none;
}
.backstretch {
display:none;
}
}
You should see the result here: http://screencast.com/t/ssCvLETad
Hope this helps and let us know how it goes!
Thank you for message!
Yes this is perfect, but I need the articles on the big grid that has been taken away. I noticed that the articles starts from the offset.
Please advise.
Thank you.
If I can have the contents in the big grid like the way other articles are viewed on the mobile, that will be fine.
Hello,
Unfortunately it will not be that easy to get the articles from the offset. Your best bet is to add another block 4 to your homepage that contains the exact block settings as the big grid and then hide it in the desktop/tablet version using this css:
@media(min-width:767px){
.home .td_block_4{
display:none!important;
}
}
I hope this helps.
Thank you!
This is perfect. and just Gave me what I wanted. For people that will use this directive. When you hide block_4 as directed, it will hide all the block_4 on your block. So advice: Use a block that you only want to hide and specify it for this task.
