- 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
Thank you for the detailed write-up.
What is the quick check to determine if the user is on a mobile vs desktop ?
Hello heymrdj,
Unfortunately, our theme does not have such an option to switch the theme menu mobile to appear earlier than its current preset, sorry! Please notice that it is not a simple task and require additional customizations which involve custom work. As a hint, you have to check your style.css to find the line where the mobile menu is created and then you should change the @media attribute as you wish. If you want to develop our theme through displaying more levels and if you are not aware to the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide customization services at the moment, sorry!
Thank you for your understanding!
Hi,
I’d like to switch the theme to the mobile (hamburger) menu earlier than its current preset, can you tell me how to do this? I’m assuming its a bit of custom CSS??
Thanks
Hi, We use DFP to power our ads on our site.
We have about 6 different types of pages (Home, Movie Reviews, Photos, Box Office numbers, Polls, Videos), and will need to serve different ad tags depending on mobile or web.
On a given page, we would want to have 3 or 4 locations for an ad – e.g. header, footer, sidebar, in-article ads
And there would be different tags for mobile and desktop.
1) How do you recommend the ad slots are declared ? Would it be necessary to define 6 X 4 x 2 ad slots ?
2) Correspondingly, how would you recommend the ad slots are defined in your themes / page types, to get called per device and page type ?
Our primary goal is to be able to report and target based on page type and device, without having to lose too much hair managing the multiple ad slots.
Thanks for this tutorial
On a given page, how would you recommend we serve different ads depending on whether it’s a desktop or mobile device? (i.e. prevent the code from running, and not just hiding / displaying the unit)
Hi.
Google webmaster tool shows server crawl error on /wp-content/themes/Newspaper/
Google says:
———
URL: http://mysite.com/wp-content/themes/Newspaper/
Error details:
Last crawled: 3/6/16
First detected: 3/6/16
Googlebot couldn’t access the contents of this URL because the server had an internal error when trying to process the request. These errors tend to be with the server itself, not with the request.
—————
Another issue is with /mobile/
URL:
http://mysite.com/mobile/
Error details
Linked from
Last crawled: 3/5/16
First detected: 3/5/16
Googlebot couldn’t crawl this URL because it points to a non-existent page. Generally, 404s don’t harm your site’s performance in search, but you can use them to help improve the user experience.
—-
Please assist ASAP.
Thanks
I need again your Support. This time regarding Footer. I am using Style 9.
http://www.screencast.com/t/xmRmPYMT3
1. There is a lot of Blank space between Footer Heading and Block Heading. How can I reduce this space from both sides.
2. I have used as Widget in Footer – TagDiv Text With Title. I need to give there Telphone Number in one line and as next line Email. Now everything is together.
3. Hier the Allignment of the Sub Footer is not Correct. http://www.screencast.com/t/xmRmPYMT3
Mobile View also is not correct http://www.screencast.com/t/cfUx1p4D, http://www.screencast.com/t/4pqrESuqs
4. How can I change the Text Color of Footer Text. I have changed in Theme Panel. But hier it is still Black.
Hi,
I have checked your website and saw a bunch of issues. Js errors in your console,, mixed content errors (SSL issue), the search icon and the menu are not aligned. The mobile menu icon is also not aligned to the logo on mobile. This can only be one of 2 things. Either you have custom modifications that were not done properly or there is a plugin conflict.
If you have modifications, please try to restore the theme to it’s default state and check if the issues are still there. If you did not customize anything, then please disable ALL plugins except visual composer, clear cache and reset cdn files. Then check your website again.
Let us know how it goes.
Thanks.
i d like to add the sticky ad on mobile.. of course ma not using this ad code:) what bout the size there is nothig bout the size .. here is the code i ma trying to ad. http://screencast.com/t/NjHfIISZ86Mw
Hello,
It seems your menu items are not clickable in the desktop version as well. You added the menu items with custom links that lead to ‘#’. If you want these links clickable on mobile, please add your menu items with links to the pages you want.
Thank you!
Hello andy
the code you give me to hide the icons on mobile design work fine, but the icons show up for sec and disappear,
how to hide them Permanently?
http://www.screencast.com/t/EM2sDMqi3T
thanks
Hi,
please, take a look @ my website.
http://www.cinepanettoni.it
Some images (logo too) disappeared in mobile/tablet view, it seems that they are pointing in local address

How can i solve?
That is exactly the code I added when I was chatting with the MaxCDN guy the other night, but we eventually got it working by doing something else. So now something really odd is happening: Everything is working fine when I’m on the desktop version of my site, but not only mobile version. When I pull my site up on my phone, there’s no menu icon to the left of the header, no search icon to the right of the header, and no social media icons in the footer. I can’t fathom why it would be working on the desktop version and not on the mobile as I would assume both the desktop and mobile are pulling the data from the same servers. And I’ve cleared/purged all my caches too.
This technology stuff is a pain is the rear sometimes a lot of the time.
Hello Bogdan,
I try to use this code and ADs not visible anyway đ
and using this DIVs – i dont see ADs even on mobile version
Hello @airlift, @ingilizcecin,
I have checked you website and saw the problem with the mobile menu. I suspect this problem that comes rather from your untested plugins which you are using to your website. These plugins interact with our theme and could cause a lot of errors. To avoid this case, please try to disable all the active plugins, leave just Visual Composer, clear all cache and install only the plugins that come bundled with our theme and rule out the conflicting plugins.
Please try this advice and after this check if your problem is still there. Hope this helps and let us know how it goes.
Thank you for your message!
Hello Navneet,
I have checked you website and saw the problem with the mobile menu. This kind of issue does not come from our tag div booster because this type of plugin is tested with our theme and works fine. I suspect this problem that comes rather from your untested plugins which you are using to your website. These plugins interact with tag div booster and our theme and could cause a lot of errors. To avoid this case, please try to disable all the active plugins, leave just Visual Composer, clear all cache and install only the plugins that come bundled with our theme and rule out the conflicting plugins.
Please try this advice and after this check if your problem is still there. Hope this helps and let us know how it goes.
Thank you for your message!
Hi;
Would you please guide me how I have to remove whatsApp sharing button in article pages (mobile view),
do we have any visual option in theme panel or I have to comment it out in the code ?
Best regards;
Reza
Im having a lot of issues with the mobile menu over my site, http://www.canalantigua.tv I’ve disabled all plugins and still the menu doesnt work.
I’ve tested it on my device and there is the problem, not when I use my desktop browser and resize it to mobile.
And this only happens over iOS, Ive tested on Android and does not happen.
Hello,
Tagdiv speed Booster is breaking Menu on Mobile. I mean when I click on menu on Mobile it just don’t respond and show http://startupmandi.com/# .
I disabled it as of now. Is it important to use it? how to resolve this issue.
HI, the menus are not clickable on phone. Please take a look at http://www.stemmonkey.com and on a mobile try to click on stem news or reviews, it doesnt work.
But on PC, it works fine
Hello! How do I display different ad in header for desktop and mobile?
Most ad providers are still not responsive, so theme can’t load giant ad in mobile or it looks terrible. How do I add a different ad in mobile and desktop?
Is there a way to tell it to load one external .html file for mobile and a different .html file for desktop or something?
Thanks!
If you have a news portal, it’s worth it to start using AMP now, as some places on mobile in the Googleverse, ONLY the AMP-ready content might be shown.
Even if 20% of your content fails validation, that’s still 80% that does.
Hi
The ad system it’s tested and works fine. For more details about banner ads usage with our theme please check our documentation here: https://forum.tagdiv.com/newsmag-using-other-ads/ To load different banner ads you can use this code:
<div class="td-visible-desktop">
<a href="#"><img src="image-for-desktop"/></a>
</div>
<div class="td-visible-phone">
<a href="#"><img src="image-for-mobile"/></a>
</div>
This css will display a image for desktop and a different image for mobile, including iPhone.
Thanks!
-
This reply was modified 10 years by
Andrei L..
Hi
To apply a different style on mobile devices you can use media queries like this:
@media (max-width: 768px){
.css-class-of-the-element{
color:red
}
}
This is just a basic example but works like this: for screens smaller then 768px apply a red color for the element with this css class: .css-class-of-the-element. You have to replace this expression with the real selector of the element of which’s style you want to change.
Note that this is a complex task which require good css coding skills and many tests in order to be accomplished. If you still need guidance on this or you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you as we can’t offer customization services at the moment.
Thanks!