- NewspaperThe Newspaper Mobile Theme: Introduction
- NewspaperThe Mobile Theme
- NewspaperModules Builder in Newspaper Theme
- NewspaperNewspaper theme documentation
- NewsmagTheme colors introduction
- NewspaperTheme Colors Introduction
- NewspaperWhat’s Included in the Newspaper Theme Package
- ApiUsing the Theme API in plugins
- NewspaperFilters and sorting for taxonomies
- NewspaperHow to Add a Logo in Newspaper
- NewspaperBig Grid Flex Settings
- NewspaperHeader Builder
- NewspapertagDiv AMP Plugin Tutorial
- TutorialsFrom WPBakery to tagDiv Composer
- NewsmagSmart list ads
- NewspaperBest Of Forums
- NewspaperCache plugin – install and configure
- NewsmagIntroduction
- NewsmagMain menu
- NewsmagLogo & Favicon
Hi,
The theme don’t have an administration panel for your mobile version as it was designed to be responsive so your desktop content will also be present on your mobile version of the site however it will be styled differently.
Unfortunately you also can’t use any plugins to change the the content of your homepage on mobile as the the theme uses shortcodes to build the pages so using a mobile theme would look something like this: http://screencast.com/t/BuPzzgSiu ..as the need of VC plugin is required to interpret the shortcodes.
We also plan to improve the mobile version of the theme and build a system which will allow customization and control of your mobile content.
Thanks
Hi.
I buy this theme for my site http://www.cronachedipuglia.it
There is a panel for administrate mobile version?
From my mobile device it’s very complicate to open content.
What is the problem?
Hi!
I am useing a MOBILE REDIRECT and on mobile i put just block 4 (12 posts). I want to my mobile look like that, but my ipad olso look like that, i want him to look like desktop. Do you know why? On my funkcions in Mobile Redirect – redirect tablets is Offline
Thanks!
Hi,
@zaone
We know about this and we have it on our todo list and we will try to make it work in a future update. Unfortunately is not an easy task and because of this I can’t offer you a quick solution, we have to analyze all js to see where the problem comes from.
The theme doesn’t have an option to add line separators as you would want it but this could be done via custom css and add a border to the top or bottom of the containers, should be something like this: http://screencast.com/t/i7vMq6gUd
Adjust the css from below how you like it:
.home .td_module_10 {
border-top: 2px solid #000;
padding-top: 20px;
}
Use the css snippets to detect just the tables and desktop screens to apply your css:
@media (min-width: 768px) { add your css code here }
Like you’ve detected the tablet and desktop screens you can also use css just for mobile screens and style the images as you would want them, use the css snippet from below:
@media (max-width: 768px)
{
add your css code here
}
If you don’t have css knowledge I suggest you get a freelancer and let him now how you would want those changes as unfortunately we cannot provide custom work at this time.
Sorry for the inconvenience!
Thanks for the message!
Hi,
The theme uses two menus one for desktop and tablets and one for mobiles that’s why it has to menus and one hidden, we had do it like this to make some features available.
Search engines wont penalize you for this as those are internal link, you can find more details on this in this tread: https://forum.tagdiv.com/topic/huge-mistake/
Thanks
I know how to use cloudflare, the problem is that it can’t be used with your theme while lazyload is active. Besides that, it breaks most functionality with ajax load more, search box, etc. That’s what I’d like to know how to get working.
Separatly, I’d like to know how I can add a subtle line between articles on the front page. I have a dashed one for mobile, but i’d like a fine grey one for desktop so articles don’t look like they’re muddled toghether.
On the mobile front page I’d like to know how I can make imagex smaller and show them on the right side of every article entry, something similar to how wp touch does it. It’s really cumbersome to scroll through large images on mobile, a lot of users complained about this. Because I use cache with cloudflare, I can’t use mobile plugins as the pages aren’t loaded correcly.
Thank you!
Hi,
first of all great theme!
When checking the sites through SEO tools it appears that in the source code all menu links are present twice: 1x for the regular menu and 1x for the mobile menu. It is not necessary to load the mobile menu code if the site is visited from a desktop PC and the regular menu does not need to be loaded if the site is visited on a smart phone. From a SEO perspective the current codes is causing duplicate content.
How can I solve this by eg. triggering the relevant menu based on the breakpoints. As I am not a coder I would highly appreciate if you can guide me through.
Thanks in advance!
Christoph
@neotrope Thanks, Chris. As requested, here are the results with lazy loading off.
Zen Cache – Did not Re-Test
Gator Cache – Did not Re-Test
Page Speed Scores With Lazy Load Off – Speed Booster On
WP Super Cache – 56 Desktop, 43 Mobile
WP Fastest Cache – 62 Desktop, 41 Mobile
W3 Total Cache – 68 Desktop, 47 Mobile
No Cache – 62 Desktop
Page Speed Scores With Lazy Load Off – Speed Booster Off
WP Super Cache – 57 Desktop, 43 Mobile
WP Fastest Cache – 57 Desktop, 49 Mobile
W3 Total Cache – 71 Desktop, 51 Mobile
No Cache – 38 Desktop
Apparently, the Speed Booster plugin hurts mobile browsing across the board. The mobile scores with no caching was mid to upper 20s without and without Speed Booster. Speed Booster also seemed to hurt performance for all but WP Fastest Cache.
The lazy load feature actually had a positive effect on page speed when it was turned on.
However, the lazy load feature *looks* slower because of the delayed loading of above the fold content. Lazy loading content below the fold I understand, but above the fold content should always load first. Lazy loading seems to put structure ahead of content and that’s a bad thing no matter how fast things are loading.
Overall, 1.7 loads much slower than 1.5. As I said, my page speed scores for this exact site were all 85+ for desktop and 65+ for mobile with NewsMag 1.5, but 20-30 points lower for NewsMag 1.7. Tells me development is going backwards. No feature is good enough to justify slower loading times, unless you’re running a perfect 100/100 already. The scores I’m talking about include several AdSense ads per page in all situations.
There are two ways of looking at page speed; the most accurate is a page speed test where things are ranked evenly, even though I’m getting charged for Google Fonts that don’t appear anywhere in my theme (I switched it all to system fonts). But the most frustrating is the eye test; how fast the pages appear to load while you’re browsing. I was surprised during these tests to find that WP Super Cache (the good ole basic caching plugin by Automattic) made the content on the pages load quicker. The overall page load may have been slower or negligible, but when I opened any page, the first thing that appeared was the content, followed by the header, sidebar and background, and finally the ads.
I should also note that I was using the built in pre-load feature for the tests on WP Super Cache with lazy load and speed booster on, but I wasn’t using the pre-load feature for the tests included in this post.
I think you have some good points!
I believe there was a post yesterday morning on how to turn off the lazy loading, so you might have to find that giant thread on that topic.
I am very curious what your results would be with that OFF.
It is cool, but I had major problems with that this time last year testing lazy loading with newspaper theme and chose NOT to use it. Even though, technically it’s supposed to help with mobile…
Hi,
Do you refer to the megamenu on mobile screens?
If you do unfortunately theme doesn’t have an option for this and the mega menu was not designed to work on mobile view.
I have checked again your site to be sure that your mobile menu works fine: http://screencast.com/t/3TBS6Aj4IO
Thanks!
Hello,
I have been using your theme for quite some time now. Recently I came across an issue after I installed the theme on a new site of mine.
The issue is, the menu is messed up in the mobile version. I tried it from different mobiles and all seems to have this issue. Could you please tell me why this is happening?
Link: http://www.lemonoid.net
Screenshot: http://prntscr.com/6knj6j
Hi,
The them doesn’t serve scaled images it uses the WordPress’s built it thumbs system, however some of this images could get scaled or stretched trough css on mobiles due to theme’s responsiveness.
Thanks
Hi,
@Chris
Thanks for the feedback!
I had a look at this and did found an issue with the recent posts widget.
This was caused by the line height: http://screencast.com/t/k9s67Yd6
You can use the css below to fix it until theme’s next version.
.widget_recent_entries {
line-height: 10px;
}
@Finland
Sorry for the inconvenience!
1. I had checked your site’s mobile version to noticed that it look fine now. That happened due to cache. Clearing it should solve it.
2. We’re currently working to add an option to disable the lazy loading feature on images. It will be available soon.
If you don’t need/want this feature you can use the custom css from below to make the images load with the page.
.td-animation-stack .entry-thumb, .post img {
opacity: 1 !important;
}
3. This issue is under our attention also and we’re currently working on finding the cause of this. We will provide fix for it as soon as possible.
Thanks
Hi,
Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/8ieUjvdSfTz0
.single .td-g-rec-id-custom_ad_1{
float: left;
}For google adsense you have to use td-g-rec-id-custom_ad_1 instead of td-a-rec-id-custom_ad_1 as I did not use adsense in my example.
And now you can hide one on mobile screen from Theme Panel > Ads: http://screencast.com/t/OcID8FG4Ua
Hope this helps!
Hi,
Please edit you header style file and add a div with your logo image like this: http://screencast.com/t/Bd731Jokkn
And add some css code in Theme Panel: http://screencast.com/t/S6drJO1XY5vw
.yourclass{
float: right;
}
Also if you want to hide it on mobile please use this custom css:
@media (max-width: 767px){
.yourclass{
display: none;
}
}
Hope this helps!
Hi,
You can try to use a fixed width also on mobile view like this and display title and excerpt under the image :http://screencast.com/t/eSzFdzj99vl
@media (max-width:767px) {
.home .td_block_11 .td-module-thumb .entry-thumb {
width: 180px !important;
}
}
Also if you want to display it the same like on desktop please use this css in Theme Panel > Custom Css: http://screencast.com/t/QLMicNRJF6Z
But on very small screens it will look like this: http://screencast.com/t/pHeQo2yiOz
@media (max-width:767px){
.home .td_block_11 .td-module-thumb .entry-thumb {
width: 180px !important;
}
.home .td_block_11 .td_module_10 .td-module-thumb {
position: relative;
float: left;
margin-bottom: 20px;
}
.home .td_block_11 .td_module_10 .item-details {
position: relative;
min-height: 135px;
margin-left: 200px;
margin-bottom: 40px;
}
}
Hope this helps!
Thats other…
This is my website source code:
<script>
var td_ad_background_click_link=””;
var td_ad_background_click_target=””;
var td_ajax_url=”http://www.xxxxx.com/wp-admin/admin-ajax.php”;
var td_get_template_directory_uri=”http://www.xxxx.com/wp-content/themes/Newspaper”;
var tds_snap_menu=”snap”;
var tds_header_style=”6″;
var tds_mobile_swipe=””;
var td_search_url=”http://www.xxxxxxxx.com/search/”;
var td_please_wait=”Lütfen bekleyiniz…”;
var td_email_user_pass_incorrect=”Kullanıcı adı yada şifre yanlış !”;
var td_email_user_incorrect=”Email yada kullanıcı adı yanlış !”;
var td_email_incorrect=”Email yanlış !”;
var tds_more_articles_on_post_enable=”show”;
var tds_more_articles_on_post_time_to_wait=””;
var tds_more_articles_on_post_pages_distance_from_top=”0″;
var tds_theme_color_site_wide=”#ff4fb8″;
</script>
Problem is here !
See the other post related to how to disable lazy loading of images. This is a great feature for mobile, but can have some unpredictable results with “some” setups. All major news portals are implementing this, as it makes the mobile experience faster, and long pages load more quickly, but I have also seen this kind of thing happen when I tested this myself with the Newspaper theme a year ago and chose NOT to use “lazy loading” … as sometimes it ended up being “no loading at all.”
It’s a great new theme feature, and SHOULD be there, but no way to one click turn it off.
You will need to edit a couple of files to turn that off for now, it seems.
Hello everyone, I am also looking to add Whatsapp share button on my newspaper theme. But I want this button to be enabled for all devices like desktop and mobile phone. Because Whatsapp has released desktop version too. I hope you guys start working for the same as soon as possible.
Hi,
This issue can be solved by css code because the ads can be targeted if you use the code in custom ads(I already provided to you an idea above): http://screencast.com/t/h31va6BUcT
.single .td-a-rec-id-custom_ad_1 {
float: left;
}
And like I said you can also hide it on mobile from Theme Panel options. Let me know how it goes!
Thanks!
When I do that, the ads look like this, not side by side, but one above the other: http://www.screencast.com/t/P1yfsvoaT6J5
And I want the ads like this: http://www.screencast.com/t/d5adyO8674y
The only way that i made that possible was with the code directly in the loop single, when i put the code in theme panel, with the command <?php echo do_shortcode(‘[td_ad_box spot_id=”custom_ad_1″]’); ?>
<?php echo do_shortcode(‘[td_ad_box spot_id=”custom_ad_2″]’); ?> the ads look like in the first image.
The problem is that with the code in loop single i can’t define just one ad in mobile.
Thanks!
Hi,
If you want to remove category tag you can do this from Theme Panel > Categories > each category: http://screencast.com/t/VR6iisBiw
Or you can use this custom css in Theme Panel > Custom Css if you want to hide it only for mobile view: http://screencast.com/t/CDsaUjvvbkJG
@media (max-width: 767px){
.single .td-category{
display: none;
}
}
Thanks!
Hi,
Please make a new topic for your posts!
The mobile version of your site contains the same content as your homepage dose on desktop but styled different.
At the moment thew theme doesn’t have settings to change the mobile version content or layout so this is only possible with custom modifications.
We can’t offer custom work now so if you really need this I suggest you hire a developer or a freelancer to help you with this.
We plan to change the mobile system/layout in the future but we haven’t decided on anything yet so I can provide any info on this.
Thanks
I can’t do it in the Theme Panel, because I had to put the code inside the loop single.php directly. Here’s a example http://www.tabrutal.pt/ve-como-eles-estao-diferentes-o-antes-e-o-depois-de-34-celebridades/
And here´s the code: http://www.screencast.com/t/1XYnmuUUk
This is all right, the problem is in mobile, i can’t have 2 ads next to another, http://www.screencast.com/t/9dQdirWFE
Thanks!
