- 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
Why not view the theme docs on how to speed up your site, and my long winded optimization thread?
See > theme docs (link right side page) > tutorials/DIY and “best of forum”
Pagespeed score of ’98’ is the best you can get with WordPress with any page containing images, and over 100kb total, by the way. Anything over 91 is very very good for desktop.
Anything over 88 mobile and 90 desktop is “in the zone.” Anything below 85 for both needs work.
I am trying to hide some widgets on mobile. I am using a plugin (mobile detect) which uses shortcodes, but it doesn’t seem to work. I was wondering if there was a preferred method with the Newspaper theme. Thanks in advance.
Hello WebECDQ,
Please try the code below and add it in Theme panel->Custom CSS area.
The code is ->
@media(min-width: 768px){
.td-boxed-layout #td-outer-wrap {
overflow: initial !important;
}
.td-mobile-nav-wrap {
display: none;
}
}
The result you should see here -> http://screencast.com/t/G6kXKDvgGXWe
I have added this BUG on our list of fixes and we will resolve this in our new feature updates.
Thank you for your message and sorry for the inconvenience!
Hello mobilestartupz.com,
I suspect this issue comes from the interference between your untested plugins and our theme. 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 see after if your problem is still there and if the theme’s behaviour persists in this case.
Hope this helps and let us know how it goes!
Thank you for the message!
Hi ,
I have integrated the theme and tech theme settings , but it doesn’t load the images anywhere in the website. I m confused, the featured image settings under post settings has all enabled. Please help
link: mobilestartupz.com
Hello,
If you are referring to this: https://forum.tagdiv.com/topic/tutorial-getting-started-with-accelerated-mobile-pages-amp/ then note that our theme is not tested with it as the topic suggests.
Thank you!
If you do search in the forum, you’ll see my prior posts on this topic.
We’ve been using/testing AMP since November *with* the Newsmag theme and works perfectly.
You need to go to the wordpress.org plugin repository and download the AMP plugin from Automattic (the poeple who make WordPress). This plugin is being developed with Google feedback and for VIP WordPress sites.
Right now it only supports “posts” and not “pages” but they are working on it for upcoming release.
If you wish to setup AMP for your site, you should get the PLUGIN and read the docs to setup for your site.
ADMIN: you may wish to add sticky post (*not* this one, perhaps) regarding AMP support, link to the AMP site and the AMP plugin page.
==========================
ACCELERATED MOBILE PAGES (AMP) PROJECT SUPPORT LINKS
AUTOMATTIC AMP PLUGIN
https://wordpress.org/plugins/amp/
Plugin support threads
https://wordpress.org/support/plugin/amp
Well, the CSS and Java in the page helps it load faster by NOT having to load external sources and helps to deal with the above the fold loading, and mobile loading. Some things work better inline than external these days.
In other words, some CSS and JS “inline” loads faster for above the fold (render blocking …) vs waiting for the entire separate file to load, hence why this is now donw, which was crazy talk in olden days.
“Critical CSS” should be loaded with the page itself, then supported elements “later.”
Tricky!
I’ve stopped using some plugins due to the extra CSS crap included and no way to disable, or allow the plugin to “inherent” theme CSS (e.g., <LI> and <UL> stuff).
I also hacked one plugin to remove their CSS and just put it at bottom of the style.css and shazam.
I feel your pain; actually dealing with this right now on another project which is NOT using TagDiv themes due to a long boring story.
I really hate the form scripts which load the FORM CSS on every page and not just the actual FORM page. Requires creating custom page called “form” and then manually putting the CSS for plugin on THAT page vs having stupid if/then on every site page to NOT load it conditionally which is also dumb for resource queries.
AUGH!!!!! (damn kite eating tree!)
Hi i have Newsmag theme 2.2
i want to make default wordpress comment box very attractive .
can the wordpress comments can be toggled like the menu in the mobile view for this theme
the comment box should be open with smaller dimension and whenever the user click on the comment box to enter the comment the other fields can be shown to user is that possible ??
Thanks for your answer Andrei, and for taking the time to find the link to the JS code.
I was trying to get a solution that works purely from the child-theme, hence my attempt to solve it from menu-mobile.php, but will give a go to yours 😉
Hello,
Unfortunately there is no different version of the website for mobile phoines. It is the same version of the theme/page. You can however use a css trick to hide the particular block on all other devices except mobile.
For example you can add a block and add an extra class on the row in visual composer: http://screencast.com/t/arlc4Qu1Dt and then use thios custom css in the theme panel->custom css box:
@media (min-width:767px){
.customclass{
display:none!important
}
}
I hope this helps.
Thanks.
Hi guys,
I am using the Superfly menu plugin and have a requirement to disable the top, main navigation and mobile menus.
I can see how to easily disable the top menu but the main navigation and mobile menus there is no option in the theme panel.
Ideally would rather alter the theme code files to remove theme as I have found previously when I hide with css some elements show for a split second before hiding.
Thank you
AMP is simple plugin, and was updated this week. Google will start supporting it on the 24th.
However, it only works with supported platforms … so, still best to optimize the theme’s mobile setup on your site, as you’re trying to do.
AMP is just another “option” to consider at some point as Google will start to “show” that version if enabled on compatible devices over the theme version, if AMP is setup.
Hi i have Newsmag Theme v2.2
i want to know is there any way that i could get different menu for WEB and different menu for Mobile .??
if yes how can i achieve this.
Hi
i have Newsmag theme v2.2 with updated wordpress site : http://www.koimoi.com/
however i am facing an unorthodox issue that in the theme panel in per category settings if i select
CATEGORY TOP POSTS STYLE : Grid 1 – Grid 2 http://www.screencast.com/t/gCqG1sigGRku my top posts appears on web as per the settings applied. (http://www.koimoi.com/category/bollywood-news/)
however those top posts are not visible in the mobile device http://www.screencast.com/t/8LFpRKYh4Io
and this goes with all my category .
if i disable the top posts grid style then pagination stops works i.e. same posts repeats it self .
i have asked the same question here too (https://forum.tagdiv.com/topic/category-page-repeating-the-posts)
Hi
The theme is tested and its loading speed on mobile devices it’s peaty good. I’ve test you’re site with google page-speed tool and noticed that indeed the loading speed it’s very slow. To improve it please check our documentation regarding page-speed: https://forum.tagdiv.com/how-to-make-the-site-faster/ Also you may find some useful informations in this topics: https://forum.tagdiv.com/topic/website-slowness-after-newsmag/ – https://forum.tagdiv.com/topic/speed-booster-incompatible/
I order to have a good page speed you will need to make some modifications in code as it’s indicated in documentation and in topics. This require custom work and a lots of tests.
Unfortunately we can’t offer speed customization services at the moment so 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.
Thanks!
Hello Charlie,
1) This happens because when you set a fixed height to the imge, it loses responsiveness. It will keep the set height on mobile as well. In this case you need to exclude the mobile version by targeting the viewport size with css. You can use the code like so:
@media(min-width:767px){
.td-post-template-6 .td-post-header {
height: 500px !important;
}
.td-post-template-7 .td-post-header {
height: 500px !important;
}
}
2)You can change the name from the translations section of the theme panel: http://screencast.com/t/x49Vt6hxYvTR
3)Our theme uses the wordpress time and date format so you can change it from the wordpress settings: http://screencast.com/t/9aQfuYWCmCi
You can do an online search on how to customize wordpress date and time.
4)You can use css to target only category pages like so:
.category .entry-date{
display:none!important
}
Thank you!
Hello,
Our theme does not use another version for mobile devices. Your page will be the same one only styled differently. You need to set up your page on the desktop version and the mobile version will adapt to what you set in visual composer. You can follow this tutorial on how to use visual composer: https://forum.tagdiv.com/how-to-use-visual-composer/ and this video for a more dynamic experience: https://www.youtube.com/watch?v=ss-BEobegAw
I hope this helps.
Thank you!
Hello,
Unfortunately there is no option in the theme for this at the moment as there are no different versions of the website for tablet, mobile or desktop. It is the same site with the same content. We cannot provide an easy solution for this as it will have to be hard-coded. If you truly need this customization, we recommend hiring a freelancer to help you out.
Thank you!
Hi,
I have checked into this and it seems that chrome on iOS has this issue. It seems it renders a bit slow and that is why the background is visible. It only happens if you scroll fast enough so chrome cannot keep up the pace. (It also happens on our live demo but not so visible as on your website as you have more elements on your webpage and it is heavier on chrome’s renderer) There is a way you can diminish this effect, if you deactivate the smooth scroll from the theme panel :http://screencast.com/t/N9MdKGl1yt
You can also try to disable/enable the lazyload animation as well to see if it has any effect on rendering speed: http://screencast.com/t/9SnvsJFM
Another thing you can do is to increase your page loading speed: https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.comics2film.com%2F&tab=mobile
You can follow this guide to see how you can have a better loading time:
https://forum.tagdiv.com/search/faster/
I hope this helps.
Thank you!
Hello,
I’ve just bought this amazing theme and now I’m exploring all its features with the documentation. However, I haven’t been able to figure out how to make my mobile homepage look like the one in the demo (e.g. with a slider and featured posts). I just see the same desktop responsive version, with the same background. My newbie question is: Do I need to set up different homepages for mobile and desktop versions?
If there’s a tutorial about how to configure the mobile version, I’d really appreciate if you post the link, since I couldn’t find it yet.
In case you need to check out my site to see if there’s something wrong, it’s http://www.southamerica-tours.net.
Thank you! Best,
Oscar
Hello factoryitalia,
Unfortunately, our theme does not have such an option from the Theme panel to simply change the menu for the mobile version. This thing you can do it only from the code, altering the source code from this menu-mobile.php file like this -> http://screencast.com/t/qFqcIKN5LdS If you did something changes in this file and you are not aware the steps to redo this, you can try to download again the file of our theme from Theme Forest and replace it with this file, as a suggestion.
Hope this helps!
Than kyu for the message!
Hello factoryitalia,
I have checked your website and I saw the problem with the mobile menu. I suspect this issue that come from your untested plugins used by you. It could generate some conflicts between our theme and these kinds of plugins and bring this error. Please try to disable all the active plugins, leave just Visual Composer and install only the plugins that come bundled with our theme and rule out the conflicting plugins. Check the results after this advice and let us know how it goes.
Thank you for the message!
Hi
The theme calls this image as logo for mobile: https://linuxundich.de/static/newsmag/lui-logo-h88png However seams that the image can’t be found o your server or the url is incorrect. Please check if image set as logo for mobile exist in media file and also if the its name is the same with the one from url, clear ll caches and test again.
Let me know how it goes.
Thanks!
Regarding the floating tower ads outside theme border, would this work?
In header.php after </head>
<div id=”float-left”>
Your Ad Code Here
</div>
<div id=”float-right”>
Your Ad Code Here
</div>
Replace ‘Your Ad Code Here’ with your ad code.
AND Custom CSS
/* Begin Floating Ads Style */
#float-left {
position:fixed;
top: 5px;
left: 10px;
bottom: 5px;
width: 120px;
height: 600px;
margin-bottom:15px;
border-bottom: solid #000000;
padding: 5px 0 5px 0;
}
#float-right {
position:fixed;
top: 5px;
right:10px;
bottom: 5px;
float:right;
width: 120px;
height: 600px;
margin-bottom:15px;
border-bottom: solid #000000;
padding: 5px 0 5px 0;
}
/* End Floating Ads Style */
If so would this work on desktop only? How would I turn off for mobile?
Is this something you could ad on next version of theme, same as this Newspaper site http://www.fitnessfirst.com.au/mag/
thanks,
