- 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
Hi
I’ve test this on my side and seams that the anchor links don’t work on tablets and mobile devices. I’ve added this on our issue tracker and will try to fix it in the next theme’s updates.
Sorry for the inconvenience.
Thanks!
Hi,
Unfortunately the top-bar was not designed for mobile device and it is hidden. You can display the sign in widget on mobile using this custom css in Theme Panel > Custom Css – http://screencast.com/t/XmLAEEm65m
@media (max-width: 767px) {
.td-header-top-menu-full, .td-header-top-menu-full .td-header-sp-top-menu {
display: block !important;
}
.td-header-top-menu-full .td_data_time, .td-header-top-menu-full .menu-top-container, .td-header-top-menu-full .td-header-sp-top-widget {
display: none !important;
}
}
If the code doesn’t work please provide a link so I can inspect this.
Thanks!
@Thomas …. Yes, well considering how many security flaws Automattic has had the past decade they are not really reliable on the topic. (sort of kidding there … š )
FOR EVERYBODY ON THIS ISSUE:
One of my friends news portals in Ohio was completely taken down by hackers pummeling the xml-rpc feature which ANYBODY can attempt to access remotely for all sorts of things. Site was down for almost two days, host disabling account, etc., — I had him disable this to get the site back up, then they blocked the IPS of the attacker.
If you’re using a WP feature like Jetpack — which is awful system hog and site slower-downer, or WP mobile apps (um, why not just use iPad and login into your normal account… or use other tools that don’t need THAT function?).
UPSHOT: for “most” people disabling all XLMRPC and pingback features are wise if you run any sizable site with lots of traffic. You will get attacked at some point.
And it should be self evident if you’re adding ANYTHING to your site from this thread you should make some effort to explore what these things do, what they mean, etc.
So, you shouldn’t be adding anything to your functions file or htaccess regarding the xmlrpc.php file unless you make some effort to look at what that does.
Having used WP for 10+ years now, remember this thread was started to show folks how to “best optimize” their theme for WP — one of those methods is to NOT use ping-backs, XMLRPC or Jetpack, which is not very well optimized for web.
Keep in mind WP folk think a CSS redirect for child themes is good idea, when it’s a bad thing for page speed and Google as it’s a redirect for EVERY page load to another page.
Those are my three cents, your mileage may vary — as I often say.
But that was good info for Jetpack folk, Thomas! š
Hello robert4web,
The theme was designed in such a way that the top menu is hidden on the mobile version. There is a workaround however, using a custom CSS code, but you need to tell us what you want your mobile top-menu to contain, because the space is limited on mobile phones and adding all of the content (login widget, menu and social icons) will take up a big portion of the screen.
Examples:
full content: http://screencast.com/t/TXZeKqUbxqyY
login widget with social icons: http://screencast.com/t/jxljko5scU8T
just login widget: http://screencast.com/t/ISsO24sPjd1v
Thank you.
i have tried it in the custom css and doesn’t pic up the css – http://screencast.com/t/SXFUgtnf , http://screencast.com/t/QW7XU5YOA. any advice how i could use media queries in the newspaper theme.
Hi Team,
i just received some updates in my google adsense account i.e Page level ads for highend mobile devices and Matched content for all devices.
Page level ads – Place this ad code in the <head> tag (or at the top of the <body>) of the pages where you want to show the ads. Itās the same ad code for every page and site, and you wonāt need to change it even if you adjust your Page-level ads settings.
1) Anchor/overlay ads – Mobile ads that stick to the edge of the userās screen and are easily dismissable.
2) Mobile full-screen ads that appear between page loads on your site and can be easily dismissed by your users.
Google matched content – Matched content is a free recommendation tool that offers you a simple way to promote your articles to your site visitors. By making it easy for your readers to find the content that they’re interested in, you can increase your site’s page views, the time spent on your site, reader loyalty, ad impressions, and ultimately ad revenue.
With Matched content units, you choose the pages where you’d like the recommendations to appear, then AdSense promotes the articles on your site that are most relevant to the readers of those pages. Matched content recommendations are based on topic similarity and are personalized for the reader.
r u updating theme to make it compatible with both features ?
Hello notpedu,
This is the default state of the theme, but you can make the top-menu appear using custom css like in this topic here: https://forum.tagdiv.com/topic/top-bar-not-showing-on-mobile/
for example:
@media (max-width: 767px){
.td-header-top-menu-full {
display: block !important;
}
.td-header-sp-top-menu {
display: block!important;
}
.menu-top-container {
display: none !important;
}
}
This code will provide this result: http://screencast.com/t/jxljko5scU8T
Thank you.
Hello,
I love the theme update! It looks phenomenal.
I was wondering how I can customize the default video player which is used on the Newspaper theme. Rather than having it use the Vimeo player, I have a Vimeo Pro account which gives me the file URL location and allows me to embed videos into my own player.
For that reason, I have JW Player Ads Edition, which allows me to monetize. Right now the only way to get videos to show up in their specific position is if it’s strictly a Vimeo URL. Since I’d like to use the pre-roll VAST tags I have, I was wondering what I need to edit (where to begin, what file it’s found under, etc) so that I can have JW Player V6 Ads Edition be my video player rather than the one Vimeo provides.
Vimeo Pro allows users to not only embed videos, but to directly embed the files which change to a mobile format or downgrade quality based on connection speed for you (acting as a $200 a year CDN, saving me $6,000 a month at least).
Where do I go about editing how a video is pulled? Ideally, if I could paste in the url to my video on Vimeo / YouTube area, and run the system through there, where would I edit this file and would it be best to use a child theme to direct this through?
Thanks & Fantastic theme!
Lewis, probably helps not posting same things more than once like “how to hide things on mobile…” which is asking for custom programming help to do stuff theme not setup for out of the box …
posting yet another question here like this just slows down the whole process because guess what ? now somebody at tagdiv support has to answer this post !
Hello gagosg,
You need to add this code to the custom css tab in the theme panel:
@media (max-width: 767px) {
.td-icon-mobile:before, .td-icon-search:before{
color: black;
}
@media (max-width: 767px){
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu {
background-color: #FFF !important;
}
It looks like so: http://screencast.com/t/Goaq9vat
Thank you.
-
This reply was modified 10 years by
Bogdan B..
Still having the issue. The errors in the console are all coming from (or trace back to) the DoubleClick ad network (Essentially AdSense). They shouldn’t be affecting mobile vs desktop tap space.
The issue is one I’ve seen before. I don’t know if it’s related to the theme but I’d imagine so since switching themes automatically fixes the problem. When using a 3rd party provider of AdSense ads there is this transparent block (320×320) that appears below ads. You can’t see it, but it covers up menus usually. This time, the header ad was covering up the first position in the block on mobiles. Added height: auto !important to the img tag in the custom css for mobiles and problem solved.
I had to do the same for the sidebar ads as well a while back. I had a grid up top for a long time which, like the menu and logo – uses a higher z-index value so the transparent block fell beneath it and wasn’t an issue.
Container limits on images in ad spaces (I only use theme provided spaces for ads) would be a smart addition to Newspaper and NewsMag (where I first noticed the problem last year). But this is resolved for me now. Thanks for looking into it, Alin.
thanks man
red tops in this photo

How to targeting specific classes ? via name ????
and whene i usied the code above its work but video title sitle on mobile theme ..

-
This reply was modified 10 years by
Lewis.
Hi
I’ve checked your site and works fine on mobile devices now: http://screencast.com/t/OYlr23xQku also the theme’s version that you’re using it’s 2.0 not 2.2: http://screencast.com/t/VlmWd9PS Regarding the update process, please make sure you clear all caches, purge the cdn files if you’re using, also deactivate all plugins, except Visual Composer and test again. Make sure you follow this update guide: https://forum.tagdiv.com/how-to-update-theme/
Let me know how it goes and if you still need assistance on this provide more details!
Thanks!
Hi there, my site is BuzzHut (http://www.buzzhut.co.uk). We’re a gaming, gadgets and mobile news, reviews and discussion site running the Newspaper theme. Founded in 2010, I updated the theme to Newspaper a couple of months ago and am so pleased with the results – hands down the best theme I’ve used. Still got plenty more to do on it but it’s given me a great foundation to get the look and user experience I was after.
Would welcome your feedback on the site and will be sure to take a look at some of yours.
Thanks
Hello
this is my site http://www.autosport.me/
i want hide video player and red tap sections from mobile design . and keep them only on desktop design ..
please help me asap
thanks man
Now i want ask How to hide Raw HTML from mobile theme ? and keep it only on desktop ???
Hi Andrei,
Sorry, for confusing you with my bad English. I meant the Comments Section.
But with your Reply I found a very simple Solution which does exact what I Need. And without the Need of replacing CodeSnippets in the Theme š
By just deactivating the “Show SignIn/Join” in Newspaper Theme TopBar I got it like I want it to work.
I discovered that the “Show SignIn/Join” Modal Open Window Function handles also the Comments Section with the Modal Opening Function in the Template.
Maybe the Modal open Window for Login/Join could be seperated in future Updates of the Theme like:
a.) Enable/Disable – Show SignIn/Join – for TopBar
b.) Enable/disable – Show SignIn/Join – for Comments Section (if disabled here, the Original WordPress Code is working (in same way as for now when disabling the SignIn/Join Function in TopBar) and other Plugins like UserPro can do the Job with Registration/Login by Redirection Function to the Register/Login Page)
So the Owner of the Website has more variations without the Need of manipulating the NewsPAper Theme Code. Just my two Cents š
For me personally this Modal Open function is not neccesery cause I“m not a really Fan of it. Because of the fact that Mobile Handys showing the Modal Windows differently and sometimes if a User zoom in a Page the Modal Window are going invisible in some Scenarios.
With best Regards,
Karl
http://www.altenburg-net.at
-
This reply was modified 10 years by
kstockl.
Hi
You need to use media queries and set your specific sizes for mobile devices, for example:
@media (max-width: 768px) {
.page-id-6233 .td-container {
/* your custm css */
}
}
Also you can use advanced css section in theme panel: http://screencast.com/t/rIWKUNpnnWc Please note that modifying them’s grid it’s not something we recommend, it’s not an easy task because modifying the them’s grid will require other css customization.
Thanks!
Hi BeautyGeek,
Please open a new tread when you have some questions or need guidance concerning the theme. Thanks!
The theme doesn’t have any option to disable widgets on mobile screens however you can do it using custom css, target widgets using widget’s specific class or id and media queries, like this: http://screencast.com/t/Dkkz8prDkD
This is the css code I’ve used:
@media (max-width: 767px) {
.td_block_id_1775388033 {
display: none;
}
}
To hide the more article box use this css code in theme panel > custom css section:
@media (max-width: 767px) {
.td-more-articles-box {
display: none;
}
}
Thanks for the message!
I really like the More Stories feature in this theme …
However, for the Mobile mode especially, I’d like it to appear when the article being viewed has been scrolled down farther. That would allow the reader to at least get a sentence or two into it before being notified of something else.
Is such an adjustment possible?
Thanks in advance for your direction.
Hi
@GideonLupine please check this topic: https://forum.tagdiv.com/topic/registrationlogin-modal-captcha/ Lucian posted a solution there.
@doucare1971 this is on our feature request list, but we must find the right design for each header style. Implementing this feature may take some time because it requires testing across browsers, operating systems and mobile devices. We have this in our consideration for future theme updates.
Thanks!
-
This reply was modified 10 years by
Andrei L..
Hi fokus,
We haven’t tested cloudflare’s rocket loader with the theme but usually the rocket loader or automatic compression of js resources cause this. We don’t recommend using an autominify tool as this could generate js conflicts and break features that use js to function as in your case mobile menu and search did.
As I said we don’t recommend automatic compression of theme’s resources but you can try to debug this using browser’s console and exclude from compression those areas which cause issues.
You could also search for ways to this online or turn to a developer to customize your site in this regard.
Hope this helps!
Thanks for the message!
Hi,
Theme’s page mega menu doesn’t have the same functionality on mobile menu version, on mobiles page mega menu leads to the page set as mega menu, that is the normal behavior of it.
We don’t have page mega menu available for newspaper theme demo. But you can see the same behavior on newsmag’s theme page mega menu on mobile version: https://forum.tagdiv.com/topic/mega-page-on-mobile-menu/- http://screencast.com/t/emCO5fBuAqD
Thanks for the message!
Hi,
I also had some issues with the scroll up button. It still doesn’t work for me in some rare cases like old ie mobile devices, but it’s like 0.1% of visitors so I don’t care.
In your case, it can be a bit of css:
line 20212 of style.css (newspaper 6.4)
@media (max-width: 767px) {
.td-scroll-up-visible {
display: none;
}
}
I think it should be like this (at least I changed mine and it shows the button in mobiles):
@media (max-width: 767px) {
.td-scroll-up-visible {
display: block !important;
}
}
You can try to replace the code in style.css file or paste the second block of code in the “custom css” section of the theme panel.
Hope this helps, cheers!
yes i used outside of the theme ad system. I kept an adsense code inside some specific pages and some posts i want them to disable on desktop and mobile
by seeing this pic you can get to know my problem bro. Please help me