- 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
Hello @Remco,
First of all, thanks for your message. I have checked your site and this looks similar to a problem “Jetpack” plugin creates for the mobile version of the site if an option is checked: https://forum.tagdiv.com/how-to-manage-the-mobile-theme/. Follow the steps from link above and you can solve it your problem.
Hope this helps!
Hi
The theme is optimized such that works well on mobile devices but if you want a different implementation you can use media queries in order to hide some content according with screen’s width. Here is an example:
@media (max-width: 767px) { //screen width; //
.element-to-hide { //the css class of the element that you want to hide/change, in some cases may be needed more classes for a more specific target //
display: none; //css properties; //
}
}
Fore more details about css coding you can check this link, it contains some useful information: http://www.w3schools.com/css/default.asp
Hope this help.
Thanks!
Is there anyway to differentiate content on a page basis the device being used to access the website ?
We have implemented your newsmag theme on our site, beta.koimoi.com. Looks great, but the content for the mobile user seems heavy.
Hi
1. I’ve test this on my side and the translations for search button works fine: http://screencast.com/t/gBoT5fFn – http://screencast.com/t/D0n8maoX Try to clear all caches deactivate all plugins except Visual Composer and test again. Note that we didn’t test the theme with WPML so is possible to appear some issues with it.
2. The theme wasn’t designed to display the top bar on mobile devices. Also I’ve checked your site and noticed that you made some changes in order to display it: http://screencast.com/t/TX2Iu9qs If you still need assistance in this regard please provide more details.
Thanks!
Hi there,
I’m using your great theme in my website: http://vu2013.web2.aperturelabs.it
1) I’m having troubles in translating the input value of the search form in the main menu (now is in English but the website in translated in 6 languages, so I have to fix it). I’m using WPML but in the String translation I translated it, but it doesn’t work…
2) In the mobile version of the theme, I’m not able to show the top menu (I have login/logout, social networks and language selection in it), how could I fix it?
Thenk you very much, cheers
Emiliano
Hi,
In order to remove the ad on mobile phone you can add this custom css in the theme panel:
@media (max-width: 1018px) and (min-width: 768px){
.td-a-rec-id-post_style_11 {
display:none;}}For the second part you need to edit the core files of the theme. This requires a bit of code knowledge.
You cannot simply move the title from the bottom to the top.
You can copy the header from here: http://screencast.com/t/iKprjF3j
And add it to single_template_10.php You need to change the class to the title in order to target it with CSS:
http://screencast.com/t/L2FP8KZLth
Then you will have 2 post titles. One above and one below the video. Now you can use css to position the title above and hide the one below:
.td-post-title_custom{
margin-left: auto;
margin-right: auto;
width: 400px;
}
.single_template_10 .td-post-title{
display:none;
} This will require a bit more tweaking, but this should set you on the right path.
Thanks.
Hi,
I have checked your site but on mobile device your header ad is not displayed – http://screencast.com/t/DhrxZ6UuN
Please check your code in Theme Panel > Ads – header ad.
Thanks!
Hello,
The mobile menu was designed to work with the mobile version of the theme, not other ones.
Unfortunately there is no setting for that and modifying the css to do that will be no easy task. We suggest you hire a freelancer to do it for you as we cannot provide custom work. You can hire freelancers from sites like studio.envato.com
Thank you!
Hi,
Unfortunately the theme doesn’t have an option to have a different module for mobile device. The module you set for Latest Articles loop will be used also on mobile.
What module you use there? For example module 11 will a have similar look on mobile device – http://screencast.com/t/10KEXFimxH – http://screencast.com/t/VjLGAL4kg – http://demo.tagdiv.com/newspaper/category/module-11-layout/
Thanks!
Hi Guys,
Great fan of your work 🙂 I have bought both Newsmag and Newspaper themes to use on my websites. But few things/options which I really miss and am sure many publishers like me want them as well. So, here is a small list of features suggestion, which you guys can bring in future version of themes…
1. Many publishers like me have smartphone apps of their publication/website. So, please introduce a widget kind of thing for sidebar just like social counter widget which displays the logos of Apple App Store, Google Play Store, and Windows App Store.. through which we can notify and redirect our readers to respective app stores to download our mobile apps.
2. Please introduce auto load of previous or same category post on single post page. You can check Flex Mag theme to know what am talking about. They have given an option of auto loading posts below the single post using ajaxing, i guess. The auto load of posts increases the page views per visitor, brings down the bounce rate, increase average time spent on site.. and good in various ways. You can also check Digit.in website to check the auto loading of posts. Please introduce this option and we publishers will be very thankful to you guys.
3. Auto YouTube playlist fetching or Latest videos fetching from a specific YouTube Channel. Many publishers like me also have YouTube channel, which they updates on regular basis. So, if you can introduce a widget and Block/Module to display YouTube playlist or Channel’s latest videos list automatically just by adding the playlist ID or Channel ID… it will be awesome! In current block, we have to manually enter the IDs of videos which we want to display which is very painful thing to do again and again.
4. Please introduce native functionality of adding contact forms, no more depending on 3rd party plugins.
5. Introduce Quora profile option in Social Counter Plugin.
That’s it for now. I hope to get a positive reply on introduction of these features soon in the themes. 🙂
Thanks & Regards
Nitin
Hello Alin!
I have updated the theme and followed your steps but the parallax still doesn’t works on mobile. I think it will be easier if I give you admin access so you can check it out. Where can I send the credentials?
Thanks a lot for the help!
You don’t need a css code this can be done in the theme color sittings for mobile,there is a feature for this…
The menu in Mobile view of the theme opens very quickly but without any animation which doesn’t look good. I would suggest you to add a nice opening and closing animation to mobile menu.
Check this website’s mobile menu opening and closing animation.: http://www.theverge.com/
Hello Jocaob,
Half of your header you can get from the theme panel by choosing header style 10. Centered menu and logo on top. For the social icons and date you need a bit of custom work.
1) chose header style 10
2) copy this code: http://pastebin.com/tgK2Ebu1 in your header-style-10.php and replace the existing one.
3) add this custom css in the theme panel:
.xdate{
color:grey;
float:left;
font-size: 16px;
padding: 1px 1px 1px 1px;
}
.header-menu-social{
display:table;
}
.custom-container{
width:720px;
margin-left:auto;
margin-right:auto;
}
@media (max-width: 700px) {
.custom-container{
width:80%!important;
}
}
You should have this result now: http://screencast.com/t/dyf55VPTCU7M
It will need a bit of adjusting on responsiveness and the mobile version but i think you can manage from here.
Thank you!
Hi,
You can try this custom css in Theme Panel > Custom Css for block 3 on mobile device – http://screencast.com/t/gkkb90eDx8g7
@media(max-width: 767px) {
.home .td_block_3 .td_module_1 {
padding-bottom: 10px;
}
}
Thanks!
Hi,
I have checked your page on desktop and did not found any issues, the background image is loading fine – http://screencast.com/t/o3zfabXVFa Do you have this issue on specific browser?
I also checked on an Ipod and you are right the image is not loading.
Please disable all your plugins except of Visual Composer, clear cache and check again. Also make sure you use the latest theme version 6.5.1 and update the Visual Composer to the latest version 4.7.4.
If the issue persist please provide about your settings for that row(some screenshots may help) so I can recreate it on my side as I could not recreate this(I have used a parallax image and work on mobile device).
Thanks!
Hi
By default the theme doesn’t display the top bar on mobile devices, but you can use custom css in theme panel > custom css to display the top widget: http://screencast.com/t/ygpLdtt3uW8T
@media (max-width: 767px){
.td-top-menu-full {
display: block!important;
}
.td-header-sp-top-menu {
display: none!important;
}
.td-header-sp-top-widget {
display: table!important;
margin-left: auto;
margin-right: auto;
float: none !important;
}
}
Let me know how it goes.
Thanks!
hellow,
is it possible to show the social icons that are shown to the pc version of your theme at the top bar to the mobile version.
thank you in advance
Yes, well if the theme is updated then something changed.
You might
a) try resaving the ad unit in the theme panel
b) try changing the default “size” to auto for the top ad unit, and/or try setting it to a very small fixed size for mobile in the theme panel, then re-test.
As I said if you LOOK at your screen shot it looks like the ad is going off the page to right and pushing the content left, so playing with the *ad* setting would solve that for the moment.
AGAIN:
for those who don’t know how to read changelogs …
if using Newspaper 6x ..
a) go to your Envato/Themeforest account,
b) download the “all files” for Newspaper, extract to the “Newspaper-tf” folder
c) in the /plugins folder note the file “js_composer”
d) extract the zip
e) in the ‘js_composer’ plugin folder, note the file “changes.txt”
note it’s 4.7.4 🙂
2.10.2015 – ver 4.7.4
– Fixed: Bug in grid builder presets
– Added extra ajax check
29.09.2015 – ver 4.7.3
– Re: Backwards compatibility for images with custom link
– Added border for single image with external source
– Width of vc icon in “Add element” window fixed
– Presets saving mechanism optimized
22.09.2015 – ver 4.7.2
– “Undefined index” notice in tabs, tour, accordion removed (for cases when vc_remove_param() was called)
– Bottom border in image gallery fixed
– <br> now works in mobile view tabs
– Backwards compatibility for images with custom link
– Minor css improvements and fixes
Well, I just recently checked about the project – “Accelerated Mobile Pages” AMP HTML an open source project from Google. And https://www.ampproject.org/ this being the official site.. loads extremely fast! That runs on AMP.
However, I’m afraid I don’t know the technicalities of it, whether its support would come with a WordPress update or theme developers would support it. But, still I wanted you to take a look at it! If it could be implement in this theme! This theme would be undefeatable (already is) but would be more 😀
from an naother android phone the images are shown but some letters are not shown and instead of them there is a square in the text. What is going on with your mobile theme?
Hi
You can hide more article box for mobile devices using this custom css in theme panel > custom css: http://screencast.com/t/cO9GiCcQ4nT0
@media (max-width: 767px){
.td-more-articles-box {
display: none;
}
}
Thanks!
hi, i did look in to the forum and try out all the code about showing the login on mobile device, but still cant get it to work, i do understand the code have to put in under theme panel> custum CSS and the code is
@media (max-width: 767px){
.td-header-top-menu {
display: block!important;
}
}
@media (max-width: 767px){
.td-header-sp-top-menu{
left: 15px!important;}
}
@media (max-width: 767px){
.td-header-sp-top-menu .td_data_time{
display: none;
}
}
but it still didn’t work, the website address i am working on is http://www.scooptw.acsite.org/
can you plz help me out
thank you
Hi,
Please disable the mobile version from Jetpack, as the theme has already a version for mobile device.
Regarding the pagespeed please check this guide to optimize it – https://forum.tagdiv.com/how-to-make-the-site-faster/
Thanks!
