- 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
So I read that there is no easy way to adjust the website width. However the theme does not fit my content well. Is there a way to make the second to the largest @media size the max size permanently?
In other words if you have @media sizes of X-Large, Large, Tablet, Mobile. I would like to remove the X-Large and keep the Large as the new maximum website width. Is this possible?
Hello zetam1320,
This is the correct behavior of the theme. The logo retina should be with a size greater than to normal logo for a better quality on mobile mode. These details you can find in Theme panel, like this: http://screencast.com/t/fcGiKhHPDZX
For more information about logo/logo retina, please check our documentation here: https://forum.tagdiv.com/logo-favicon/
Thank you for your understanding!
Hello,
I looked into this issue again and this is the default behavior of the theme. The header style you use, (10) uses the same logo for mobile and desktop. It was a design choice made by the developers.
You can use your current logo if you want and make it responsive with css. Just use this code in the theme panel – custom css box:
@media (max-width: 767px){
.td-logo{
width: 100%!important;
}
}
Thank you!
Hello xmirz0,
I’ve checked your website and I saw that you have a lot of js. errors in your console, as you can see in this screenshot: http://screencast.com/t/j77VamREbw These errors might come from conflict plugins. Please try to disable all the active plugins, except Visual Composer, clear all caches, purge the CDN files if you used and install only the plugins that come bundled with our theme. Also, please try to identify what kind of plugin create this issue, disable all of them and install one by one and check which plugin generates the issue. We recommend using only our tested plugins, like this: http://screencast.com/t/f9BQ7y11TM If you want to use other plugins, please notice that we cannot provide support for this kind of untested plugins, sorry!
After this advice, if your problem is still there and your mobile menu still not working, please let us know.
Hope this helps!
Thank you for your understanding!
Hello,
I have also checked your website on mobile devices and found nothing wrong. Maybe you had the jetpack mobile theme active. That usually messes things up with the mobile version of your website.
Let us know if the problem comes back and provide a screenshot if you can so we can identify the issue.
Thank you!
Hello zetam1320,
Our theme has been designed to use as default background color to black on the mobile version. If you want to change this color, you should use a bit of CSS. Please try the code below and place it in Theme panel->Custom CSS area, like this: http://screencast.com/t/N2KeCKjgcTHl
@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:red !important;
}
}
The result you should see here: http://screencast.com/t/qylZvC0v0
Hope this helps and let us know how it goes!
Thank you for the message!
Dear Developers!
Thank you so much for creating such an awesome theme. I have been using this theme from many months and you guys have been a great support team.
I would like to suggest some future update features for theme to make this theme much more better.
1. Front end article submission by users.
2. Try have more customization option for the social shares (Create a sticky mobile social share for mobiles)
3. Full width pages.
Thanks!
Hi,
Here are logo sizes from theme panel if I chose Style 1 Header: http://take.ms/kEvPL
And here are logo sizes from documentation: http://take.ms/jTYDv
The same problem with mobile logo sizes. They are also different in theme panel and in documentation.
Which sizes are up-to-date?
Thanks!
Hi
the print function works for my sites ?
Simply choose “print” from your web browser and a nice clean version is there. Most savvy folk who still need to print paper copies of site pages can simply do that without needing a visual “print me” button.
You can add a “print” button to your pages if you wish, either via custom HTML to the theme page or any of the various plugins found on the wordpress.org plugin repo.
With the move to mobile fewer people have printers now, and tend to bookmark the page vs “printing it” to paper. Also, most folks with the need will often use a PDF app to “print page to PDF” vs paper anymore.
Not a bad idea, just some feedback on what we’ve seen with our news portals.
Happy holidays! 🙂
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/vaAbpb4CCmA
@media (max-width: 767px){
.td-header-top-menu{
display: block !important;
}
Note that the top bar wasn’t designed to work on mobile devices so you may need additional css customizations in order to be displayed fine.
Thanks!
Hello alexalex11,
I’ve checked your website and I saw your problem with the alignment. Please try the code below and place it in Theme panel->Custom Css area, like this: http://screencast.com/t/7sVCbUXT
.wp-caption-text a {
float: left;
padding-right: 10px;
}
The result you should see here:
I’ve verified on mobile version and seems to work properly, like this: http://screencast.com/t/2ip0PULjAs5j
Hope this helps and let us know how it goes!
Thank you for the message!
Hi, I’m trying to figure out which CSS rules I should edit to make a proper alignment between the amazon affiliate link and the following text.
Here you can see what I’m talking about: http://www.gadgetsvirali.com/penna-stampante-3d-per-disegni-stereoscopici-le-migliori
As you can see, below the images, inside the image caption I’m used to put the Amazon affiliate code followed by some text. In the previous theme I had no problem, once I installed this theme, the text goes below the affiliate link, as you can see here in this screenshot http://snag.gy/BaqVq.jpg deleting the Amazon img code it shows up properly but I’m not supposed to touch the Amazon affiliate link.
If you visit the page on mobile devices the issue gets worse: http://snag.gy/u3lnK.jpg
How can I align the affiliate link and the text?
Thanks,
Alessandro
Hello
I haven´t solved the problem yet, I have noticed that font is different in some browsers and mobile. I have a conclusion about what´s happening. I think is not a plugin problem.
First of all, I changed some styles to Open Sans Condensed and Open Sans from Theme Panel. I noticed that these styles aren´t installed in my computers, mac and windows… which is strange because it´s a common font.
Then, I downloaded and installed these font in my computers and they were displayed on the website. If I remove them, the font showed is by default.
So, in this case, how could I display these styles to people´s computer? I suppose that there must be a way to show them.
Thanks
Hello,
The top menu was not meant to work on the mobile version of the theme. It can be done with css though:
@media (max-width: 767px){
.td-header-sp-top-menu{
display: block !important;}
.td_data_time{
display:none!important}
.td-header-sp-top-menu{
margin-left: 14%;
margin-right: auto;
}
}
Thanks.
Hello Arafat,
I’ve tested you both link of your sites and I saw the problem with your alignment of category tag. Please make you sure that you insert in the correct place the snippet of code in the same way as I showed you.
Please try to use the code below to fix the position category tag on the mobile version. Place the code in Theme panel->Custom Css area.
@media (max-width: 767px){
.td-category {
float:left;
}
}
The result you should see here: http://screencast.com/t/65qomaJpjFaV
Hope this helps and let us know how it goes!
Thank you for the message!
This didn’t help. PLEASE check solve this problem for me ASAP. I’m losing a lot of visitors because of this.
So far, theme is appears to be working fine on IE, and mobile chrome browser. But on desktom chrome and also on firefox, no images in my posts are visible.
PLEASE HELP ASAP.
First off thank you for all those who contribute here. I have been able to troubleshoot multiple sites using this theme and encourage my clients to buy from you for the theme of choice during development.
That said I am about to undergo my largest Newspaper 6 project.
The existing site: http://mommyshorts.com/
The goal is to move them to a theme with responsive features as well as ad control for mobile that is regularly updated. Newspaper 6 was the logical choice.
The next goal is to keep the look and feel on desktop as close as possible to what they have now.
Have a post style with text on the left and images on the right where the background of the text matches a color specific to a category
Each category also has an icon that appears above the text.
Menu items for the categories inherit the color as well.
My question is do you think Newspaper 6 is best suited for this, and can it do all these items?
Secondly from those who have moved from another theme to this one what issues do you expect I will encounter that I need to account for ahead of time?
Hello airshoot,
Please try to disable all the active plugins, except Visual Composer, clear all caches and install only the plugins that come bundled with our theme. I’ve tested on my side and works fine…as you can see this in our demo -> http://screencast.com/t/NKiBKwQpd
Please note that if you use JetPack plugin, please disable the Photon and Mobile Theme because have caused conflicts with our theme and that might be a reason to not be displayed on your mobile.
Hope this helps and let us know how it goes!
Thank you for the message!
Hello,
Unfortunately changing the width of the sidebar or the main content will cause problems as our theme was built on a fixed width and a grid view. Every element depends on this to display properly.
You can try it to see how it works by using this code:
@media (max-width: 767px){
.td-main-sidebar{
width:50%!important
}
}
As for the theme width for the mobile version, you will have to change quite a few parts of the style.css to make the theme activate the mobile theme on a different scrren size than 767px. Do a quick search through the style.css and search for 767 and see how many entries there are.(http://screencast.com/t/Nvc2O9O5ml) All of these will have to be adjusted to the new screen size if you truly need this customization.
Thank you!
Hello seobatam,
Normally the Envato policy allows to use a theme only on one install. You can, however, use the theme on a sub-domain if you plan on creating a testing site, but if we are talking about totally different sites with different content, then only one theme per install is legally allowed: http://screencast.com/t/NqzloVgyUJB.
For your second problem, please try to disable all the active plugins except Visual Composer and install only the plugins that come bundled with our theme. JetPack is in our tested plugins but when we tested all the features of this have worked properly at that time. In meanwhile, JetPack has a lot of updates and added a new features wich have caused some conflicts with our theme, as example ->Photon, Theme mobile, …. Please check all the options of these and try to deactivate these features and see how it works. I’ve tested the JetPack Plugin on my side and everything seems to work properly and until now, we do not have any reports about this problem.
Hope this helps and let us know how it goes!
Thank you for the message and sorry for the inconvenience!
Hi
Basically you have to change all media queries which refers at the mobile menu from @media (max-width: 768px)@media to (max-width: 1021px). Also you have to make some js customizations in this function: http://screencast.com/t/g9zja6vlGGg
This is a complex task which require lots in theme’s core files and unfortunately I can’t provide a solution now. If you need this and you’re 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 because we can’t offer customization services at the moment.
Thanks!
@mboydnv
I do agree on being a bit against the “bloated one plugin for all” concept. I used to hate YOAST. We used to build our own themes, or hack things like Canvas to add custom if/then and queries for meta data in our headers. Yoast simply made it easier for us to deploy and add some things more quickly. But it has gotten a bit big and bloated and every major version it crashes and burns. I certainly don’t think it’s the only game in town, but it does work for a lot of folks. Of course, we’re using some other things on some sites, just because they’re smaller and work as well.
As for canonical tags — the reason they are useful for many sites, is for things like the pending /amp/ protocol from Google rolling out in 2016 to speed up mobile pages separate from things like mod_pagespeed or http/2 (previously inclusive of mod_SPDY). So, for example mobile accelerated pages will soon be loaded as so:
yoursite.ooo/name-of-my-article/amp/ — in this context, the canonical tag is useful to identify the /amp/ version is not another page, but an alternate “version” of the same page.
In our case — I should have stated — we syndicate our news from some sites, and the canonical tag helps identify we did it first, and when we link back to the parent page from the child syndicator.
Also be aware that article on MOZ is from 2013, and going into 2016, the canonical tag is more mature now.
However, you are correct — if you have no duplicate versions of content, if you’re not dealing with malformed inbound links to your site like /site/name-of-article/?12hy6 — where Google is saying you have duplicate content for too many 404 errors — then you may not need it !!
In our case, it helps control inbound malformed links from external sites, and also because with modern social media you have a dozen sites inventing their own links to your website page; meaning FB, Twitter, LinkedIn, etc. all use a shortcode in some case to link to you, and the canonical can help identify that the URL on your site is the de-facto CORRECT one, even though it should be self evident being on your site.
I’m not arguing you need to have them, just saying they are useful and do NOT hurt inbound traffic in any way. Just like adding a default img tag, or an author tag, or other meta data; it’s read by those systems that have use for it, and other things ignore it.
Anyway — just some food for thought 🙂
Hi
I’ve checked your site and noticed that on mobile devices you’re using a different theme then Newsmag: http://screencast.com/t/fsIxznStv2MV This usually happens due to Jetpack mobile theme. Try to deactivate that module, or deactivate the all plugins except Visual Composer, clear all caches and test again.
Let me know how it goes.
Thanks!
Hi , iam use newspaper theme and its cool , but i got eror if check my site here >>> https://www.google.com/webmasters/tools/mobile-friendly/?url=http%3A%2F%2Fwww.postku.com%2F , but i try to open in my android mobile phone , the images was appear . sory for my bad english
Screen shoot >>> http://prntscr.com/9djak3
Screen shoot >>> http://prntscr.com/9djasr
thats Indonesian language
Usually a conflict with something else; try turning off the mobile option in Jetpack if using that; disable any “mobile” plugins. Theme is responsive so mobile by default.