- NewspaperThe Newspaper Mobile Theme: Introduction
- NewspaperThe Mobile Theme
- NewspaperModules Builder in Newspaper Theme
- NewspaperFilters and sorting for taxonomies
- NewspaperHow to Add a Logo in Newspaper
- NewspaperBig Grid Flex Settings
- NewspaperHeader Builder
- NewspapertagDiv AMP Plugin Tutorial
- NewspaperNewspaper theme documentation
- NewspaperBest Of Forums
- NewspaperCache plugin – install and configure
- NewspaperFont Customization
- NewspaperTheme Colors Introduction
- NewspaperBackground Introduction
- NewspaperHeader ads
- NewspaperPost template ads
- NewspaperCustom ad spots
- NewspaperMain Menu
- NewspaperHow to Install Newspaper via FTP
- NewspaperHow to Install Newspaper via WordPress
Hi,
In the category page I want to display 2 articles in block 14 on desktop and 1 article in mobile, but when I edit the number of posts separately for desktop and mobile in Tag Div Composer, the change applies to both viewports. http://prntscr.com/odlh1o
Hi there, i have 2 problems with the sidebar menu:
1) With the regular theme:
The sidebar menu works fine, but the arrows to go into the subcategories are not there anymore like in Newspaper 9.0.1 that I used before. How can I activate them?
2) With the mobile theme:
When I install the mobile theme, the sidebar does not open anymore. I have read already about it that it is probably due to another plugin. I suppose that it is either Autoptimize or Async JavaScript. Do you guys know any settings for those 2 plugins so that the sidebar will open like it does with the regular theme?
Hi,
I will try to help you with these questions.
1. That is not actually an error, the mobile theme will display it’s own version of the website on phones – https://tagdiv.com/mobile-theme-automatic-optimization-for-mobile-newspaper-theme/
You can check how it looks here (check with a phone or browser mobile emulator)
– https://demo.tagdiv.com/newspaper_local_news/
If the top grid is missing for you, please make sure there are posts in the featured category created by the theme – https://forum.tagdiv.com/featured-posts-2/
The mobile theme is optional, if you want the same content from desktop on mobile, deactivate it.
I should note that in coming updates the mobile theme will receive many more settings, including an option to disable it for specific pages.
2. Those could be removed with some CSS if needed. Do you want them removed for all categories or specific category pages?
Let me know.
Thanks
Hi,
Please read the guide carefully. The mobile version of pages will not be the same as the desktop version. So while the desktop page can be built with the composer, and contain blocks, grids etc. the mobile version is limited to the mobile editor
– http://prntscr.com/o8vbaq
If a page contains no content in the mobile editor, on phones it will be empty when the mobile theme is active. Please edit the pages and enter content in the mobile editor, this will appear on phones.
I should note that in coming updates there will be more options added for the mobile theme, like for example the option to disable it for specific pages and many others.
Let us know if you have more questions.
Thanks
Hi,
I have already mentioned this in a discussion on Envato – and have purchased further support to deal with these issues – 1 x issue and 1 x request as follows:
ISSUE-1:
On the site: https://searchgo.co mobile version – there is a problem with white space at the top of mobile pages – it doesn’t look good and ruins the experience. At first, Brogdan suspected it was an issue with ads – however, I removed ads and the issue still remains. I have now replaced ads and on the discussion mentioned again. Brogdan believes it is a CSS issue. Can I get this fixed?
REQUEST-2:
I had previously requested adding a modified date to posts and that it appears in the meta description as well so that in turns appears in search engines when I update an old post. There was one response before about changing the templates, but I don’t want to do that as I have already got sized images etc in each post, plus I didn’t understand the response. So, here is what I would like to do and a solution I found which if I use breaks Newspaper but supposedly the correct solution:
‘Last updated on July 11th 2019’. (or whatever date you edited it on).
<br>
I did some research and came across this workaround (However, the problem is when I add the code to my child functions.php it works okay, but, it throws the date and words outside of the body to the left of the template body).
Here is the code:
function wpb_last_updated_date( $content ) { $u_time = get_the_time('U'); $u_modified_time = get_the_modified_time('U'); if ($u_modified_time >= $u_time + 86400) { $updated_date = get_the_modified_time('F jS, Y'); $updated_time = get_the_modified_time('h:i a'); $custom_content .= '<p class="last-updated">Last updated on '. $updated_date . ' at '. $updated_time .'</p>'; } $custom_content .= $content; return $custom_content; } add_filter( 'the_content', 'wpb_last_updated_date' );
Here is where I found the original article that references this code:
How to Display the Last Updated Date of Your Posts in WordPress
Thanks
Vincent
Seems I missed it, sorry about that. I suggest that you try something like this, remove the previous code and enter this one in the mobile theme custom CSS section
– http://prntscr.com/odi5gt
Then there should be no more search on mobile theme and AMP – http://prntscr.com/odi94x
– http://prntscr.com/odi9a9
.td-search-icon {
display: none;
}
Let me know.
Hi,
We are aware of the fact that the mobile theme plugin may not work properly with various caching plugins or implementations. Based on user feedback there might be problems like the mobile theme being displayed on desktop in some cases, caused by caching.
We recommend the WP super cache with these settings
– https://tagdiv.com/wp-super-cache-plugin-install-and-configure/
This is tested by us and working fine. Up to this point we haven’t made any testing in the matter.
Please try if possible to use this caching plugin as it will work fine with the mobile theme.
If that is not possible, maybe try and enable the mobile caching in the rocket plugin
– https://docs.wp-rocket.me/article/140-wrong-display-mobile-tablet-desktop
– https://docs.wp-rocket.me/article/708-mobile-caching
But I can’t say if that will work or not unfortunately.
Thanks
Here is the website: https://neatfootball.com/
I’m specifically talking about how thumbnails appear on these kinds of category pages ON MOBILE: https://neatfootball.com/england/
Hello !
We are sorry for the inconvenience !
This is a bug and we are sorry for that. As a quick fix you can use this css code to display those arrow that will show the sub-categories:
.td-mobile-content .td-icon-menu-right {
display: inline-block;
}
The result will be this: https://www.screencast.com/t/n6bOnmAfi1jg
And you have to paste the code here: https://www.screencast.com/t/J1Nxw5s5
I hope this was helpfull !
Thank you !
Hi,
There is a quick fix in this topic if you want to try it before the theme update is released – https://forum.tagdiv.com/topic/sign-in-join-not-showing-up-on-mobile-view-not-using-mobile-theme/
You won’t have to do it again after the update is available, as it will be fixed permanently. Sorry again for the inconvenience. Let us know if you have more questions.
Thanks
I have added this on our to do list, but I can’t say when we will get to it however.
I forgot to check on mobile, it is the same issue there. So please enter this code as well
.td-header-mobile-wrap .tdb_mobile_horiz_menu:nth-child(3),
.tdb_mobile_horiz_menu .sub-menu {
z-index: 998!important;
}
You can keep these codes in the theme panel for the time being, they won’t cause any problems. Let me know if they work correctly as in my tests – http://prntscr.com/odgr5k
Sorry for this inconvenience.
Hello !
In order to increase your page speed I recommend followin the steps here: https://tagdiv.com/how-to-increase-page-loading-speed/ ; Also make sure that your system status is up to date and everything is achieved: https://tagdiv.com/newspaper-theme-requirements/
In order to have a different and faster look on mobile you should use the Mobile Theme Plugin. Find out more about it here: https://tagdiv.com/mobile-theme-automatic-optimization-for-mobile-newspaper-theme/
Please make sure that you do not have a plugin conflict for the print button. It works perfect on our side. Disable ALL non-theme related plugins and delete your cache. For cache we recommend using WP Super Cache: https://tagdiv.com/wp-super-cache-plugin-install-and-configure/
Let me know how this works !
Thank you !
Hello !
Usually when the mobile version appear on desktop are some problem with cache plugin, browser cache, please clear all cache and try again.
We recommend using WP Super Cache -> https://forum.tagdiv.com/cache-plugin-install-and-configure/ Make sure if you have followed the steps from this guide if you want to achieve good theme results.
Thank you !
Good evening,
I acquired the latest version of the periodic theme a couple of days ago, but I have noticed several errors which I will quote below:
1. The mobile version, only shows a list with the last entries, something very different from the desktop version created. I do not know if I did something wrong, but the truth looks ugly. (VIEW IMAGE)
2. In the upper part of the categories between the header and the title, some boxes with the other categories appear. That I would like to remove it. (VIEW IMAGE)
La plantilla esta instalada en la web NotiMillos
I know how it supposes to be. It just doesn’t show the content in amp/mobile verisons.
Regular version : https://www.bizopzone.com/wp-content/uploads/2019/07/Screen-Shot-2019-07-10-at-23.53.42.png
AMP/Mobile version : https://www.bizopzone.com/wp-content/uploads/2019/07/Screen-Shot-2019-07-10-at-23.54.00.png
Hi, I just checked and the mobile ad is not sticky for me.
See attached: https://imgur.com/a/GnMRAZa
Hello,
The developers have created a mobile theme so as to optimize the layout for the small screen devices. Looks superficially great.
But when we use cloudflare CDN and cache plugins like WP-Rocket, etc, they store the cache of a website and show it to all the users regardless of their screen sizes. This is very embarrassing.
Here’s what I mean.
The cache plugins and cloudflare knows no difference between the screen sizes because they do the caching for the domain name or the URL and not the screen sizes. So I can’t really understand the thinking of developers behind creating this plugin. Didn’t they know that people use cache plugins for speed optimization and the cache shows only one layout for all the screens.
If any of you people can provide a solution, then please. Because I’ve been trying to get out of this turmoil for two days with no results. I want to use amp + mobile theme and I also want to use cache plugin with Cloudflare. But I only want to show the mobile theme + amp to the mobile devices not everyone.
I hope you have a solution.
I don’t see the sub-menus on my mobile phone … did I forget any options?
https://www.screencast.com/t/BIE1nhuqv
Thanks as always
Rodolfo
Hi,
I would like to have a different layout for my desktop and mobile version and I am editing this with Tag Div Composer. When I edit the mobile viewport, it also applies to the desktop and tablet viewports. Is it possible to customize layouts depending on the viewport?
Thanks,
Hi, our website is loading images slowly on mobile devices. We’ve ran the site through google page speed tests and optimized several areas of the site, which has helped a lot, but loading several images on the home page of the site is still the main issue. According to the google page speed test, they recommend changing the images to different formats / compressing the images, but doing so on the images makes the images display poorly. We have a few questions about this issue:
1) Have you encountered a similar issue to this with this theme and the images before, and if so, what would you recommend we do to increase the site’s page speed for mobile devices?
2) Is there a way to load a different version of the site for mobile devices? For example, instead of the site’s home page loading 30 stories with images, can the theme detect that it’s a mobile device and only load 5 stories?
3) Another small issue that we’ve found with this theme, the print button is not working when clicked. On any article page in the social sharing section after the article content, the Print button just moves to the top of the page instead of printing the page.
Here’s the page speed results:
https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.ignatianspirituality.com%2F
Thanks for your help!
Hello! Mobile theme is enabled in my theme. When I click on a category and it shows a list of posts, their thumbnails are too small and it shows weird parts of the picture. Is there a way to resize thumbnails in category pages on the mobile theme?
But the problem of visibility priority remains on the mobile menu… as you can see now on the final address http://www.gogin.eu
Hi Simion C. Then is so easy, you make me found css that you missing.
I just add this css code and it worked like a charm.
.tdb_mobile_horiz_menu.tdb-horiz-menu-singleline {
overflow-y: scroll !Important;
}
Hi, team tagDiv.
I am using mobile theme plugin with amp. And sometimes, mobile version of the website opens on the desktop. I can’t understand why.
I am using WP Rocket plugin and Cloudflare CDN. Are there any chances that these two implementations can be the cause? I don’t think so because this is the basic need of a website to use WP Rocket and CDN.
What do you think?
Hi,
I see you are using a cloud header template. This means that you can choose what the desktop header version displays and what the mobile version displays.
In this case I see that the header menu element appears in both desktop and mobile. Please edit the header with the tagDiv composer and select the mobile viewport
– http://prntscr.com/od4fnd
Now you can edit the mobile version of the cloud header. Remove that header menu if you don’t want it on mobile. Leave it only on desktop – http://prntscr.com/od4gft
Also be sure to customize the sticky version for both desktop and mobile
– http://prntscr.com/od4hk4
Activate the sticky mode on desktop or mobile and add elements in them
– http://prntscr.com/od4i7g
If you do not want a sticky version, remove all elements from sticky mode
– http://prntscr.com/od4isu
Please let me know if you have more questions.
Thanks