- NewspaperThe Newspaper Mobile Theme: Introduction
- NewspaperThe Mobile Theme
- NewspaperModules Builder in Newspaper Theme
- NewspaperNewspaper theme documentation
- NewspaperTheme Colors Introduction
- NewspaperWhat’s Included in the Newspaper Theme Package
- NewspaperFilters and sorting for taxonomies
- NewspaperHow to Add a Logo in Newspaper
- NewspaperBig Grid Flex Settings
- NewspaperHeader Builder
- NewspapertagDiv AMP Plugin Tutorial
- NewspaperBest Of Forums
- NewspaperCache plugin – install and configure
- NewspaperFont Customization
- NewspaperBackground Introduction
- NewspaperHeader ads
- NewspaperPost template ads
- NewspaperCustom ad spots
- NewspaperMain Menu
- NewspaperHow to Install Newspaper via FTP
It IS the mobile theme with a lot of customizations in the footer. I didn’t find the class to remove the text “Latest Articles”.
So, thank you for the class. Now it is how I wanted it.
Hello Wolfgang,
Please notice that the mobile theme will crop the images and all of these will be displayed in that way, like this -> https://www.screencast.com/t/MEKo1GBUPyt For more information about our Mobile Theme concept, please check here -> https://forum.tagdiv.com/the-mobile-theme/ If the problem is still there, please provide some useful screenshots so I will be able to provide a more accurate response.
Thanks for the message!
Hello Rudy,
If you want to change the code of our Mobile Theme, you should edit the theme core files which create this, like here -> https://www.screencast.com/t/BGDsgYqu In the mobile document you should all the files which create the Mobile Theme. Notice that you should have solid coding skills in order to make these changes. Otherwise, if you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom services at the moment, sorry!
Thanks for the message!
Hello newbietamvan,
If you want to resize these icons on mobile, you should use a bit of CSS code to do this. Try the code below and place it in theme panel -> Custom CSS Area and check the results. Should work.
@media (max-width: 767px){
.header-search-wrap .td-icon-search {
font-size: 21px;
}
#td-top-mobile-toggle i {
font-size: 20px;
}
Thanks for the message!
Hi,
You could remove the Latest articles only on mobile if you are using the mobile theme, with this code
– https://www.screencast.com/t/fSUg7l4fa6W
Just enter it in Theme panel->Mobile theme Custom Css code
.td-pb-article-list .block-title span {
display: none;
}
Thanks
The provided suggestion there is to add the following code in the custom css theme field
@media (max-width:767px){
.td-entry-crumbs{
display:none!important;
}
}
After adding it, breadcrumbs still appear on mobile.
Hello!
First of all: Congrats for the new tagDiv-Composer! Excellent work! But I have a different question: My website’s mobile theme shows fullsize images instead of 741×486 in the Big grid M3 and mostly 533×261 instead of 265×198 on the rest of the frontpage. The images with the correct sizes do exist. I have no idea, why this happens. You can see the disaster on Googles PageSpeed, if you look after http://www.travel4news.at or http://www.cruise4news.at.
Greetings
Wolfgang
Hi,
If you are using the mobile theme you can create and set a different menu for mobile. If the plugin is not active the same menu content from desktop will be displayed. Here you can find more about creating a menu
– https://forum.tagdiv.com/main-menu/
And about the mobile theme as well
– https://forum.tagdiv.com/the-mobile-theme/
So if you want you can create a menu and use that for mobile. It would be helpful if you could provide a link to your website, so we can inspect the issue if you have one with the menu.
Thanks
Hello, we want to modify the mobile theme of our site and when the load appears a black strip in the menu, in the web version we have already solved it, we are missing the mobile version, Thanks!
Hello,
You seem to have quite a few css rules ion your theme panel- custm css box. Please make a back-up of these css rules and then remove them from the theme panel. Then check the mobile logo again. I suspect the custom code is the cause of this issue. If it’s so you will have to use the advanced css boxes to only target specific viewports.
Thank you!
Thanks. Did you copy the code directly in the text area?
I tried the new code in a post and in a page but it doesnt works. Maybe is a problem with the header? I never changed it.
It tried here: https://www.mochilero.info/test-2/
And here: https://www.mochilero.info/test3/
But nothing happend.
My header is the original from the theme:
<!doctype html >
<!–[if IE 8]> <html class=”ie8″ lang=”en”> <![endif]–>
<!–[if IE 9]> <html class=”ie9″ lang=”en”> <![endif]–>
<!–[if gt IE 8]><!–> <html <?php language_attributes(); ?>> <!–<![endif]–>
<head>
<title><?php wp_title(‘|’, true, ‘right’); ?></title>
<meta charset=”<?php bloginfo( ‘charset’ );?>” />
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<link rel=”pingback” href=”<?php bloginfo( ‘pingback_url’ ); ?>” />
<?php
wp_head(); /** we hook up in wp_booster @see td_wp_booster_functions::hook_wp_head */
?>
</head>
<body <?php body_class() ?> itemscope=”itemscope” itemtype=”<?php echo td_global::$http_or_https?>://schema.org/WebPage”>
<?php /* scroll to top */?>
<div class=”td-scroll-up”><i class=”td-icon-menu-up”></i></div>
<?php locate_template(‘parts/menu-mobile.php’, true);?>
<?php locate_template(‘parts/search.php’, true);?>
<div id=”td-outer-wrap” class=”td-theme-wrap”>
<?php //this is closing in the footer.php file ?>
<?php
/*
* loads the header template set in Theme Panel -> Header area
* the template files are located in ../parts/header
*/
td_api_header_style::_helper_show_header();
do_action(‘td_wp_booster_after_header’); //used by unique articles
Hello,
You can add any at all site as an app to your homescreen using the add to homescreen settings of the mobile browser: https://www.howtogeek.com/196087/how-to-add-websites-to-the-home-screen-on-any-smartphone-or-tablet/
Our theme has options to add icons to different sizes for this specific purpose: https://www.screencast.com/t/zTd6TOaqy
Thank you!
Hello,
Sorry but if you use the mobile theme you cannot add content to the footer as the footer layout is predefined. Please read this guide to learn about the mobile theme functionality: https://forum.tagdiv.com/the-mobile-theme/
Thank you!
Hi,
You could simply hide them with Css on specific width limitations, like the solution provided in this topic
– https://forum.tagdiv.com/topic/hide-breadcrumbs-on-mobile/
That would be easier. If you want to stop them from loading you would probably require to modify all the files from the theme where breadcrumbs are displayed, and create a condition for this if possible. That will probably mean a lot of hard work to achieve.
Thanks
What’s the class to hide the “latest articles”-text? Can’t find it.
The mobile Theme looks pretty cool! Is there a easy way to use the mobile theme and put it in a app for IOS and android?
HI Marius
I have placed the code to optimize the images
I have placed it at the end of “function.php”
I want to know if it’s right where I put it
Here is what I did
<?php
/*
Our portfolio: http://themeforest.net/user/tagDiv/portfolio
Thanks for using our theme!
tagDiv – 2017
*/
/**
* Load the speed booster framework + theme specific files
*/
// load the deploy mode
require_once(‘td_deploy_mode.php’);
// load the config
require_once(‘includes/td_config.php’);
add_action(‘td_global_after’, array(‘td_config’, ‘on_td_global_after_config’), 9); //we run on 9 priority to allow plugins to updage_key our apis while using the default priority of 10
// load the wp booster
require_once(‘includes/wp_booster/td_wp_booster_functions.php’);
require_once(‘includes/td_css_generator.php’);
require_once(‘includes/shortcodes/td_misc_shortcodes.php’);
require_once(‘includes/widgets/td_page_builder_widgets.php’); // widgets
/*
* mobile theme css generator
* in wp-admin the main theme is loaded and the mobile theme functions are not included
* required in td_panel_data_source
* @todo – look for a more elegant solution(ex. generate the css on request)
*/
require_once(‘mobile/includes/td_css_generator_mob.php’);
/* —————————————————————————-
* Woo Commerce
*/
// breadcrumb
add_filter(‘woocommerce_breadcrumb_defaults’, ‘td_woocommerce_breadcrumbs’);
function td_woocommerce_breadcrumbs() {
return array(
‘delimiter’ => ‘ <i class=”td-icon-right td-bread-sep”></i> ‘,
‘wrap_before’ => ‘<div class=”entry-crumbs” itemprop=”breadcrumb”>’,
‘wrap_after’ => ‘</div>’,
‘before’ => ”,
‘after’ => ”,
‘home’ => _x(‘Home’, ‘breadcrumb’, ‘woocommerce’),
);
}
// use own pagination
if (!function_exists(‘woocommerce_pagination’)) {
// pagination
function woocommerce_pagination() {
echo td_page_generator::get_pagination();
}
}
// Override theme default specification for product 3 per row
// Number of product per page 8
add_filter(‘loop_shop_per_page’, create_function(‘$cols’, ‘return 4;’));
if (!function_exists(‘woocommerce_output_related_products’)) {
// Number of related products
function woocommerce_output_related_products() {
woocommerce_related_products(array(
‘posts_per_page’ => 4,
‘columns’ => 4,
‘orderby’ => ‘rand’,
)); // Display 4 products in rows of 1
}
}
/* —————————————————————————-
* bbPress
*/
// change avatar size to 40px
function td_bbp_change_avatar_size($author_avatar, $topic_id, $size) {
$author_avatar = ”;
if ($size == 14) {
$size = 40;
}
$topic_id = bbp_get_topic_id( $topic_id );
if ( !empty( $topic_id ) ) {
if ( !bbp_is_topic_anonymous( $topic_id ) ) {
$author_avatar = get_avatar( bbp_get_topic_author_id( $topic_id ), $size );
} else {
$author_avatar = get_avatar( get_post_meta( $topic_id, ‘_bbp_anonymous_email’, true ), $size );
}
}
return $author_avatar;
}
add_filter(‘bbp_get_topic_author_avatar’, ‘td_bbp_change_avatar_size’, 20, 3);
add_filter(‘bbp_get_reply_author_avatar’, ‘td_bbp_change_avatar_size’, 20, 3);
add_filter(‘bbp_get_current_user_avatar’, ‘td_bbp_change_avatar_size’, 20, 3);
//add_action(‘shutdown’, ‘test_td’);
function test_td () {
if (!is_admin()){
td_api_base::_debug_get_used_on_page_components();
}
}
/**
* tdStyleCustomizer.js is required
*/
if (TD_DEBUG_LIVE_THEME_STYLE) {
add_action(‘wp_footer’, ‘td_theme_style_footer’);
// new live theme demos
function td_theme_style_footer() {
?>
<div id=”td-theme-settings” class=”td-live-theme-demos td-theme-settings-small”>
<div class=”td-skin-body”>
<div class=”td-skin-wrap”>
<div class=”td-skin-container td-skin-buy”>BUY NEWSPAPER NOW!</div>
<div class=”td-skin-container td-skin-header”>GET AN AWESOME START!</div>
<div class=”td-skin-container td-skin-desc”>With easy <span>ONE CLICK INSTALL</span> and fully customizable options, our demos are the best start you’ll ever get!!</div>
<div class=”td-skin-container td-skin-content”>
<div class=”td-demos-list”>
<?php
$td_demo_names = array();
foreach (td_global::$demo_list as $demo_id => $stack_params) {
$td_demo_names[$stack_params[‘text’]] = $demo_id;
?>
<div class=”td-set-theme-style”>” class=”td-set-theme-style-link td-popup td-popup-<?php echo $td_demo_names[$stack_params[‘text’]] ?>” data-img-url=”http://demo.tagdiv.com/demos_popup/newspaper/large/<?php echo $demo_id; ?>.jpg”></div>
<?php } ?>
<div class=”td-set-theme-style-empty”></div>
<div class=”clearfix”></div>
</div>
</div>
<div class=”td-skin-scroll”><i class=”td-icon-read-down”></i></div>
</div>
</div>
<div class=”clearfix”></div>
<div class=”td-set-hide-show”></div>
<div class=”td-screen-demo” data-width-preview=”380″></div>
<div class=”td-screen-demo-extend”></div>
</div>
<?php
}
}
//print_r(td_global::$all_theme_panels_list);add_filter( ‘jpeg_quality’, create_function(”, ‘return 50;’ ) );
Hello, how to set up to appear popular posts in the mobile theme footer?
Hi guys,
How can I stop breadcrumbs from loading on mobile devices?
FYI: We don’t use the tagDiv mobile theme. We use a child theme.
Thanks!
Please find a way to fix this.
The responsiveness of the theme is terrible.
How can I solve the problem in the image below?
The menu breaks when I’m with layout in header style 6.
One solution would be to be able to display the mobile menu for the resolution that I set.
Si se activan plugins para optimizar javascript, ccs o cache el theme funciona correctamente y ademas actualiza la velocidad de carga en pc, pero no deja entrar en el menu de navegacion desde el movil. Como puedo solventar que tenga rapidez de carga pero ademas funciones la web bien en responsive?
The main menu of the mobile theme is not working, on clicking it there is no response and sometimes the mobile theme doesn’t working until I deactivate the tagdiv mobile theme plugin and reactivate it. What is the cause of this and how can I resolve this.
Îmi cer scuze, dar revin cu o mențiune referitoare la reclame.
Codul folosit pentru mobil este același cu cel folosit în Mobile Theme (și diferit de cel pentru desktop). Am urmat pașii de aici și am introdus codurile sub forma:
<div class="td-visible-desktop"> <!-- Your NON AdSense code here - this ad will show only on desktops --> </div>
<div class="td-visible-tablet-landscape"> <!-- Your NON AdSense code here - this ad will show only on tablets in landscape orientation --> </div>
<div class="td-visible-tablet-portrait"> <!-- Your NON AdSense code here - this ad will show only on tablets in portrait orientation --> </div>
<div class="td-visible-phone"> <!-- Your NON AdSense code here - this ad will show only on phones --> </div>Ideea este că primele două au codul de desktop și ultimele au codul de mobil, care, repet, funcționează în tema mobilă, dar nu și aici.
Codul meu arată cam așa:
<div class="td-visible-desktop">
<div id="adcode1"></div>
<script type="text/javascript">
***cod reclamă
</script>
</div>
<div class="td-visible-tablet-landscape">
<div id="adcode1"></div>
<script type="text/javascript">
***cod reclamă
</script>
</div>
<div class="td-visible-tablet-portrait">
<div id="adcode2"></div>
<script type="text/javascript">
***cod reclamă
</script>
</div>
<div class="td-visible-phone">
<div id="adcode2"></div>
<script type="text/javascript">
***cod reclamă
</script>
</div>Hi,
Please check in the theme panel background settings mobile menu section
– https://www.screencast.com/t/Ap5I79kTkSB
Also check the Sign in/Join background
– https://www.screencast.com/t/yC89MuVI0
Thanks
Hello,
The theme does not remove settings. You are probably using the mobile theme plugin. Please read this guide to learn the plugin features: https://forum.tagdiv.com/the-mobile-theme/
Thank you!
