Hi,
Is there a way to display only selected categories on a single page (article list)?
Our calendar categories are displaying in our news section.
I figured it out on the desktop, but can’t get the mobile page to display just selected categories.
Hello,
This depends on what element you use to show articles. If you use a standard block you can change the categories shown from block settings: https://forum.tagdiv.com/block-settings-tutorial/ This affects the mobile version as well. If you use the mobile theme, then you cannot select specific categories for the homepage as he mobile theme uses a latest articles section that displays the latest posts from all categories. At the moment there is no such option for the mobile theme so if you require your mobile site to display the same articles as desktop, then you can disable the mobile theme plugin. https://forum.tagdiv.com/the-mobile-theme/
Thank you!
What I have done is turn off the mobile plugin, and the site loads using the following code:
[vc_row][vc_column width="1/1"][td_block_big_grid_3 td_grid_style="td-grid-style-1" sort="featured"][/vc_column][/vc_row][vc_row el_class="td-ss-row"][vc_column width="2/3"][td_block_2 limit="6" custom_title="METROPOLITAN AIRPORT NEWS" header_color="#e73f27" td_ajax_filter_type="td_category_ids_filter" td_ajax_filter_ids="42,43,45,46,49" td_filter_default_txt="All" ajax_pagination="next_prev" sort="" category_ids="42,43,45,46" sort="latest_posts"][/vc_column][vc_column width="1/3"][td_block_ad_box spot_id="sidebar" spot_title="- Advertisement -"][/vc_column][/vc_row][vc_column width="1/1"][td_block_ad_box spot_id="custom_ad_1" spot_title="- Advertisement -"][/vc_column]
Is there a way to hide the featured articles on a mobile device?
Hi,
Please provide an example of what featured articles you are referring to so i can provide a proper answer.
Thank you!
I would like to hide the entire “Featured” area of the homepage on mobile devices.
Hi,
If you are referring to the mobile featured grid: http://screencast.com/t/NkGFaB2gy1 you can remove it with this css:
.td_block_big_grid_mob_1{
display:none!important
}
If you do not use the mobile theme and have a different ‘featured’ element you will have to provide a link to your site so I can see how it was created so I can provide the proper code for it.
Than you!
No, we are not using the mobile plugin.
Ok, so then what is this area then? Can you provide a link so I can see and inspect it? If you do not want to post your site here, you can send us an email at contact@tagdiv.com and provide it there. if you do so, please post a link to this topic so we can identify you.
Thank you!
The site is http://metroairportnews.com
We would like to hide the featured article boxes on mobile devices at the top of the page.
Hello ringstonmedia,
I have checked your website and I did not saw any Featured Boxes on mobile devices at the top of your page which you want to hide. Which are these? -> http://screencast.com/t/IoMqHQ5dPaD Please be more specific about what you want to achieve and provide more details so I will be able to provide a more accurate response.
Thanks for your understanding!
I can’t be anymore specific. The arrows on your image are pointing to the featured articles. I would like to remove these articles on the mobile device.
Hello ringstonmedia,
Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
@media (max-width:767px) {.td-big-grid-post .td-post-category {
display:none;
}
}
The result -> http://screencast.com/t/iFeqJP0sM2gZ
Thanks.
This doesn’t work. And according to your screencast, the Featured boxes are still visible.
Hello ringstonmedia,
If you want to get rid of and the post article, please try the code below ->
@media (max-width:767px {.td_block_big_grid_3) {
display:none;
}
}
The result -> http://screencast.com/t/vlusyjjaA
Thanks.
I have added the code, and the boxes still appear on the mobile homepage.
I turned off cache for the site, and cleared my browser cache, no luck.
Hello,
Please try to add the !important tag to bring the high importance to this element.
Thye code will be like this ->
@media (max-width:767px) {.td_block_big_grid_3 {
display:none!important;
}
}
Hope this helps!
Thanks for your message!
