- NewsmagSmart list ads
- NewsmagIntroduction
- NewsmagMain menu
- NewsmagLogo & Favicon
- NewsmagHeader ads
- NewsmagSmart sidebar
- NewsmagSharing buttons
- NewsmagCategory tag on modules/blocks
- NewsmagBackground introduction
- NewsmagTheme colors introduction
In a child theme we’ve added new template parts for the following files in order to select a different menu based on category.
child-theme/parts/menu-mobile.php
<?php
if (is_category(array(433,1738)))
{
wp_nav_menu(array(
'theme_location' => 'header-menu',
'menu_class'=> 'td-mobile-main-menu',
'fallback_cb' => 'td_wp_no_mobile_menu',
'link_after' => '<i class="td-icon-menu-right td-element-after"></i>',
'walker' => new td_walker_mobile_menu()
));
}
elseif ( is_category(array(8704,17723,17717,17718,17724,17721,17720,17719,18809,18810,28327)) || in_category(array(8704,17723,17717,17718,17724,17721,17720,17719,18809,18810,28327)) || is_page(array(92484,92558,96207)) )
{
wp_nav_menu(array(
'theme_location' => 'header-menu-mobile-CUSTOM',
'menu_class'=> 'td-mobile-main-menu',
'fallback_cb' => 'td_wp_no_mobile_menu',
'link_after' => '<i class="td-icon-menu-right td-element-after"></i>',
'walker' => new td_walker_mobile_menu()
));
}
else
{
wp_nav_menu(array(
'theme_location' => 'header-menu',
'menu_class'=> 'td-mobile-main-menu',
'fallback_cb' => 'td_wp_no_mobile_menu',
'link_after' => '<i class="td-icon-menu-right td-element-after"></i>',
'walker' => new td_walker_mobile_menu()
));
}
//if no menu
function td_wp_no_mobile_menu() {
//this is the default menu
echo '<ul class="">';
echo '<li class="menu-item-first">Click here - to use the wp menu builder';
echo '';
}
?>
and
child-theme/parts/header/header-menu.php
<?php
if (is_category(array(433,1738)))
{
wp_nav_menu(array(
'theme_location' => 'header-menu',
'menu_class'=> 'sf-menu',
'fallback_cb' => 'td_wp_page_menu',
'walker' => new td_tagdiv_walker_nav_menu()
));
}
elseif ( is_category(array(8704,17723,17717,17718,17724,17721,17720,17719,18809,18810,28327)) || in_category(array(8704,17723,17717,17718,17724,17721,17720,17719,18809,18810,28327)) || is_page(array(92484,92558,96207)) )
{
wp_nav_menu(array(
'theme_location' => 'header-menu-mcn',
'menu_class'=> 'sf-menu',
'fallback_cb' => 'td_wp_page_menu',
'walker' => new td_tagdiv_walker_nav_menu()
));
}
else
{
wp_nav_menu(array(
'theme_location' => 'header-menu',
'menu_class'=> 'sf-menu',
'fallback_cb' => 'td_wp_page_menu',
'walker' => new td_tagdiv_walker_nav_menu()
));
}
//if no menu
function td_wp_page_menu() {
//this is the default menu
echo '<ul class="sf-menu">';
echo '<li class="menu-item-first">Click here - to select or create a menu';
echo '';
}
?>
All that we’ve changed is the ‘theme_location’ in both files to load a different wp_nav_menu.
Everything works fine except for the css, drop down menu’s have no style and the height of links isn’t the full navigation bar height. Does the theme_location have any influence on the styling of the menu items?
Thanks
Matt
Thanks Vlad appreciate the reply. I think this would be a valuable asset to create for relative newbies who just purchase a theme such as tagDiv Newspaper. Would make customisation alot easier. Personally when using a mobile device I really appreciate the text being on the larger size, but want the H1 H2 H3 H4 etc to be in proportion.
Maybe a question for another post but is there an easy way to make the general text a specific color eg #222222 instead of relying on light heavy etc?.
Once again appreciate your replies!!!
Hi,
I’ve been checking this problem with my mobile and for me is displaying normal -> https://i.imgur.com/RU0nSSj.png
Thank you!
Hi,
I think that the mobile version is look like that because you have the mobile theme plugin that provide you a better speed then responsive version of theme, but in order to achieve that speed you’ll need to create a new content for pages because in the most of cases those were made with builders ( tagDiv Composer, WPBakery ) and you need to use only the mobile editor ( you need to set the content for pages in mobile editor and this content will be display on mobile theme)
-> https://www.screencast.com/t/ebUIzt4se
Since Newspaper v9.7.4 you can show the responsive version on mobile theme -> http://prntscr.com/oh6r2s you can check more details about mobile theme in our documentation -> https://forum.tagdiv.com/the-mobile-theme/
If there is still a problem, please provide me a link where I can inspect it.
Thank you!
Hi,
Please notice that we can not test/investigate if this is a theme plugin problem or not, this can be tested only if you deactivate all non theme and untested plugins, all I can do with out deactivate these is to try to provide a custom css for that problem, but for this you’ll need to reactivate the mobile theme plugin.
Thank you for your understanding!
Hello !
AMP Works only with Mobile Theme. Please read our documentation: https://forum.tagdiv.com/tagdiv-amp-plugin-tutorial/
Thank you !
Hi,
You can set the option in theme panel on all categories -> https://i.imgur.com/tynsxN1.png also the post that will appear on mobile grid need to be on “Featured” category -> https://i.imgur.com/T2CWrbj.png -> https://forum.tagdiv.com/featured-posts-2/
Thank you!
Hello !
If you’re using the mobile theme plugin you do not have the ability to use the cloud templates. You will need to deactivate the mobile theme plugin.
Thank you !
Hello !
1. Please make sure that you clear your cache after editing.
2. In order to rename the Latest articles you will have to go into Theme Panel – Translations as you can see: https://www.screencast.com/t/wesN1rdwu
3. Unfortunately your image does not work.
4. That is the mobile theme. Please deactivate the mobile theme plugin.
Thank you !
Hello !
As you can see on mobile theme there are more than 1 sizes. Unfortuantely there is no documentation for the default font sizes. You can use the inspector and see exactly what features does the font have: https://www.screencast.com/t/JIos9pLo
For font customization we do provide a documentation that can be found in here: https://forum.tagdiv.com/font-customization/
I hope this was helpful !
Thank you !
Hello !
The Mobile theme was specially designed for optimization on mobile devices. Unfortunately on mobile theme you cannot do much changes of design. If you want to have the same design as on desktop mode you can achieve that by simply disabling the mobile theme.
You will have to recreate your pages into the Mobile editor.
Also you can disable mobile theme on certain pages or posts by following this setting: 
Please take a look here: https://forum.tagdiv.com/the-mobile-theme/
Thank you !
Hi,
I am having doubts about whether I should use Mobile theme or Mobile + AMP or AMP only. website url: https://janprahar.com
right now I selected the Mobile + AMP version of the site. Can you please brief me pros and cons of all three versions?
Also right now I am facing issue indexing site.
this is what I can see an error in my google webmaster tool:
“URL is an alternate version
This is an AMP version of another URL, which can appear in mobile search results. Learn more”
Coverage
Alternate page with proper canonical tag
Discovery
Sitemaps
N/A
Referring page
None detected
URL might be known from other sources that are currently not reported
Crawl
Last crawl
Jan 7, 2020, 11:27:56 PM
Crawled as
Googlebot smartphone
Crawl allowed?
Yes
Page fetch
Successful
Indexing allowed?
Yes
Indexing
User-declared canonical
https://janprahar.com/world/45-marriages-done-in-mexico-jail-in-2019/393/
Google-selected canonical
Same as user-declared canonical
Please help me to resolve this issue as I wanted to submit the site completely clean to Google and then I’ll apply for news approval.
amp installation as specified. i’m not using mobile theme. problem is continues
This is not helping. All my plugins are necessary I’ve removed all unncessary plugins to increase speed. Here is a list of the plugins on the site – do you know maybe of a setting within the plugin that might activate the issue. Plugins on my site are all for optimization, caching etc. I’ve tried disabling plugins and clearing cache but this does not help.
Akismet, Amazon Link builder, AMP, Classic Editor, Cloudflare, Contact form 7, Cookie Notice, CoSchedule, Easy Table of Contents, Envato Market, Featured Images for RSS, Glue for Yoast, Login Lockdown, mailer Ligt, SG Optimizer, She Media, Short Pixel AI, Short Pixel, Social Pub TagDiv: Cloud, Composer, Mobile, Newsletter, Social Counter, Standard Pack, Thirsty Affiliates, Unlist Posts, Wordfence, Yoast.
Hello !
For the header logo: It appears that you’re using the responsive mode with a header template. You will have to open the header Manager and edit each view as you can see here you have 4 viewports: https://www.screencast.com/t/zjDsOqMMqU So you will have to activate each one and edit them accordingly with tagdiv composer. On mobile you will have to add the header logo, it looks that you’re missing that element.
For the revolution slider: Try and fix the corupt part first and then try again.
I hope this was helpful !
Thank you !
Greetings, we are using the tagdiv mobile theme plugin, and when we view the posts on a mobile, it does not show any black space on the left and right of the content, and it covers the whole screen. Ideally there should be an indent on the left and right. Please view http://www.photographycourse.net on a mobile to find out the issue. This is not happening with the pages. It’s only with the posts. How can we fix this?
Hi there again Vlad:
You can check the site (www.howpple.com) now. I have rebuild everything back again and deactivate the Standard pack plugin and I have not seen any speed improve or request reduction. Also you can get a blank screen while visiting the first post (https://howpple.com/fundas-con-cordon-para-iphone/) from a mobile device, etc…
thanks,
oscar
Hi,
From what I can see you have on desktop the mobile version, this problem usually appear because of the cache plugin or Cloudflare, if you are using these tools, please make sure that you are set the Cloudflare as in our documentation from here -> https://forum.tagdiv.com/cloudflare-cdn/ also we recommend using WP Super Cache: https://forum.tagdiv.com/cache-plugin-install-and-configure/
Hope this will help you!
Thank you!
Hello Vlad’s! Thank you! I got it. I have just one more problem. I got the header soon to change with each category. But in the mobile version this does not happen. The category pulls the logo from home. And I already changed the header template for each category in question but still pulling the home logo.
Hello !
Yes, AMP Only works with Mobile Theme. The standard demo does not have Mobile Theme active. This is the demo that has mobile theme active: https://demo.tagdiv.com/newspaper_local_news/
I hope this was helpful !
Thank you !
already stretch…..but it seems need a element in the row otherwise the row won`t show up in the mobile screen….
Hi,
On my mobile phone I have remarked for http://neu.my-travelworld.de/
that there are 2 different mobile versions with the mobile page & “view the whole page” at the bottom.
When I came to the mobile page for the first time, the mobile page was displayed. But there wasn’t any content because there are online codes like [tdc_zone type=”tdc…..] and nothing else. But when I switch to the mobile page the page is displayed with all the content. How can I remove the mobile page or How should I set the settings to see only the whole page.
Thanks in adavance.
Hi,
I think that the mobile version is look like that because you have the mobile theme plugin that provide you a better speed then responsive version of theme, but in order to achieve that speed you’ll need to create a new content for pages because in the most of cases those were made with builders ( tagDiv Composer, WPBakery ) and you need to use only the mobile editor ( you need to set the content for pages in mobile editor and this content will be display on mobile theme)
-> https://www.screencast.com/t/ebUIzt4se
Since Newspaper v9.7.4 you can show the responsive version on mobile theme -> http://prntscr.com/oh6r2s you can check more details about mobile theme in our documentation -> https://forum.tagdiv.com/the-mobile-theme/
Thank you!
Hi,
Please make sure that you set the amp as in our documentation ( use the amp with mobile theme plugin ) from here -> https://forum.tagdiv.com/tagdiv-amp-plugin-tutorial/
Mobile Theme: Automatic Optimization for Mobile with Newspaper Theme -> https://tagdiv.com/mobile-theme-automatic-optimization-for-mobile-newspaper-theme/
Let me know the results!
Thank you!
Hi,
Please make sure that all the settings are like in our requirements, please follow the guide carefully – https://forum.tagdiv.com/requirements-for-newspaper/
and please increase all requirements that are lower, and follow all steps.
From what I can see now the mobile version and desktop version have the same elements -> https://www.screencast.com/t/pqcIPIODb -> https://www.screencast.com/t/nmv0Fp446
The speed of your website depends on how well your site is optimized, if you follow the steps which are presented in this tutorial here -> https://tagdiv.com/how-to-increase-page-loading-speed/ you’ll be able to increase the speed of your website.
Also you can check this similar topic for more solutions: -> https://forum.tagdiv.com/topic/optimize-script-to-improve-site-speed/
Thank you!
