- NewsmagTheme colors introduction
- NewsmagSmart list ads
- NewsmagIntroduction
- NewsmagMain menu
- NewsmagLogo & Favicon
- NewsmagHeader ads
- NewsmagSmart sidebar
- NewsmagSharing buttons
- NewsmagCategory tag on modules/blocks
- NewsmagBackground introduction
I made the Contact page with Tagdiv composer and now its not working in mobile theme. If I am using the desktop theme, the speed is very very slow in mobile.
Hello,
Our website is http://www.aktuelno.me it works fine on dekstiop, but recantly we`ve noticed problem with mobile homepage. It renders parts of homepagepage incorrectly and menu does not work. On posts it seems to work fine.
Here is the error we get in the console
tagdiv_theme.min.js?ver=9.7.3-b-modified-1562854276:formatted:3359 Uncaught TypeError: Cannot read property ‘replace’ of undefined
at HTMLImageElement.<anonymous> (tagdiv_theme.min.js?ver=9.7.3-b-modified-1562854276:formatted:3359)
at Function.each (jquery.js?ver=1.12.4-wp:1)
at a.fn.init.each (jquery.js?ver=1.12.4-wp:1)
at td_retina (tagdiv_theme.min.js?ver=9.7.3-b-modified-1562854276:formatted:3358)
at HTMLDocument.<anonymous> (tagdiv_theme.min.js?ver=9.7.3-b-modified-1562854276:formatted:3260)
at i (jquery.js?ver=1.12.4-wp:1)
at Object.fireWith [as resolveWith] (jquery.js?ver=1.12.4-wp:1)
at Function.ready (jquery.js?ver=1.12.4-wp:1)
at HTMLDocument.J (jquery.js?ver=1.12.4-wp:1)
(anonymous) @ tagdiv_theme.min.js?ver=9.7.3-b-modified-1562854276:formatted:3359
each @ jquery.js?ver=1.12.4-wp:1
each @ jquery.js?ver=1.12.4-wp:1
td_retina @ tagdiv_theme.min.js?ver=9.7.3-b-modified-1562854276:formatted:3358
(anonymous) @ tagdiv_theme.min.js?ver=9.7.3-b-modified-1562854276:formatted:3260
i @ jquery.js?ver=1.12.4-wp:1
fireWith @ jquery.js?ver=1.12.4-wp:1
ready @ jquery.js?ver=1.12.4-wp:1
J @ jquery.js?ver=1.12.4-wp:1
This is part of the code it is refering to:
function td_retina(){1<window.devicePixelRatio&&(jQuery(“.td-retina”).each(function(a){a=jQuery(this).attr(“src”).replace(“.png”,”@2x.png”);a=a.replace(“.jpg”,”@2x.jpg”);jQuery(this).attr(“src”,a)}),jQuery(“.td-retina-data”).each(function(a){jQuery(this).attr(“src”,jQuery(this).data(“retina”));jQuery(this).addClass(“td-retina-version”)}))}
Can you please help us with this.
Thanks, Simion.
Yes, I want to eliminate those boxes from all the pages in the categories.
With your answers, a new question arises. If I deactivate the mobile theme, will my AMP version continue to show the same or will it change?
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
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
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
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.
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?
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?
Hello !
The less plugins the page has to load the greater the speed. But if you want your page to have good google results then you will need amp, also the mobile theme increases the page speed on mobile devices. Also to increase page speed you can take a look at this tutorial: https://tagdiv.com/how-to-increase-page-loading-speed/
I hope this was helpfull !
Thank you !
As we know that Newspaper is a responsive theme. Do we require a mobile theme or amp. Is not using the mobile theme or amp will increase site speed?
Hi,
This issue will be fixed in the coming theme update. The temporary fix is to enter this code in the theme panel custom CSS section
.td-mobile-content .td-icon-menu-right {
display: inline-block;
}
Then the drop-down arrow will appear – http://prntscr.com/oczz2z
Sorry for the inconvenience, please let us know if you have more questions.
Thanks
Hi,
You should not add anything for the mobile theme in that case.
Thank you!
Hello,
while the theme panel is loading, I can still see the option:
https://www.dropbox.com/s/enxhx1r6h5egaop/Screenshot%202019-07-10%20at%2012.38.12.jpg?dl=0
After it finished loading, the accordions dissappear:
https://www.dropbox.com/s/sby3rjufzhwwxxu/Screenshot%202019-07-10%20at%2012.38.21.jpg?dl=0
How can I set the mobile and amp logo?
Hello,
We are currently experiencing a discrepancy between our Staging and Live/Production sites involving the subcategories not showing in our menu on mobile devices. Below are links to both our Live and Stage sites:
Live: https://thefreshtoast.com
Stage: https://stage.thefreshtoast.com
In our Theme Panel, we are using the Mobile Theme and our settings are the same across both sites however you will notice that our Live site doesn’t have expanding arrows for the menu whereas our Stage site does. I reviewed the documentation on how to create MegaMenus with subcategory support but for some reason we don’t have those options available when attempting to create a new menu. The only major difference between the two sites are that our Live site has its own security and firewall system in place. Any information on why this is happening or how to resolve it is greatly appreciated.
Thank you,
Matthew Blockus
Systems Administrator
The Fresh Toast
Hi Calin,
Mobile version with Chrome inspector:
http://www.filedropper.com/mobileversioninchromedesktopinspector
Iphone version:
http://www.filedropper.com/iphone
In mobile slide is not fluid, stops if you haven’t got your finger on the screen,
if you try the same in desktop is the way it has to work, like the websites I sent to you, all have the same functionality. I think is something in javascript, but I’m not sure what it is.
If you try any of this websites in your mobile and you compare them with newspaper theme, you will see what I mean:
elconfidencial.com
menswearstyle.com
aplesfera.com
hola.com
vozpopuli.com
guineenews.org
All do the same, if you slide menu continues sliding even if you don’t have the finger on the screen (In desktop works properly). That’s why I saw that something is not working perfect, I think your theme is the best, and you want it to remain the best 🙂 .
Hi,
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
Mobile Theme: Automatic Optimization for Mobile with Newspaper Theme -> https://tagdiv.com/mobile-theme-automatic-optimization-for-mobile-newspaper-theme/
Also for the 3 blocks, you’ll need to have set same feature posts (that have set feature category) -> https://forum.tagdiv.com/featured-posts-2/ -> https://www.screencast.com/t/QsJ6ppY4
If you want the responsive version and amp you should use this opinion -> https://www.screencast.com/t/jZct5ueBqOrb but if you have amp activate on pages you’ll need to create in Mobile editor a content for AMP version of page.
Let me know if you have more questions!
