- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsWhat is Ajax preloading?
Hello,
I am using animals pro demo. I am using mobile theme because it is fast. In the mobile theme, I wanted to set the logo on the left side rather than the centre. Is there any custom code to do it?
Yes, I have the latest Worpdpress but how do I update the WordPress theme since it cannot appear in the normal theme section.
Secondly, I use the AMP Plugin but I am unfortunately not going to like using the Mobile theme because it hides a whole lot of my content. I think that should not be a problem right?
I can’t seem to find the mobile theme, I guess I need to install mobile theme plugin?
What if I don’t want to use that plugin, can I still delete sign-in text?
Hi,
For a better speed you can use the mobile theme plugin, this have a different layout but will load the content more faster, also you can chose which pages/post you want to display the responsive version.
-> https://i.imgur.com/2bXD1RY.png
Thank you!
Hi,
Please make sure that you have the latest version of Newspaper them v10.2 and WordPress 5.3
Also make sure that you are using the amp with the mobile theme .
If there are still problems, please provide some more details and some screenshots!
Let me know the results!
Thank you!
Hello !
I have seen that you fixed your background, for the sign in here is the code: #td-mobile-nav .td-menu-login-section {
display:none;
}
The code must be inserted in Theme Panel – Mobile Theme – Custom Code: https://www.screencast.com/t/3zYzY4sLdum
Thank you !
Hi,
Unfortunately for the moment the only settings for mobile theme are these form theme panel,so you can choose only one category, sorry!
Thank you for your understanding!
Hello there,
I just buy newspaper, it is look really good!
How i can edit block on mobile theme?
Now i have future posts (3 blocks) and last posts. I will like to add more category blocks (sport, music, movie…).
Sir , In this Website https://surejob.in/work-from-home-jobs.html he is using Newspaper Theme…
And he is using adsense in top heading in Mobile View….Like This
Image Exampmle…
Sir , I also Want to use Adsense ad…Please Help me…How to Use This…
Please Help
It’s happen only mobile version. It’s work normally on desktop version.
To be clear, it’s not “not secure” problem, it’s https but padlock not showing in mobile.
However, if I deactive your theme, everything fine.
greedgoods.com https://drive.google.com/drive/folders/1r7vZfPO8ngLU2i8lYboafJrwuY-T1KiB?usp=sharing
Hi Calin,
Thank you, I saw that advice to another poster and that was already set to OFF for our website, but still we have the problems. I was able to get images to show up by disabling another plugin for lazy loading. It looks like you’re plugin is stopping any code from running while the post is still in draft form, but once it has been published everything appears OK.
I’ve also noticed some new break points for mobile and those are a little crazy, is there any place we can edit break points for the theme? Do we need to write our own custom CSS for that?
Thank You,
Kim
Hello !
Unfortunately this option is not available with Newspaper Theme. Also the mobile device icons like whatsapp etc cannot be shown in the desktop mode because they are designed to open in app and it will not work for whatsapp web.
Thank you for your understanding !
Hello Alex,
It seems there is no option to do it in the mobile theme as of now. The only way to achieve it would be to disable the mobile theme plugin, this will make the theme to become automically responsive for the mobile view. Do try it out.
Hello !
You will have to use this css code in order to adjust that:
.td-menu-background:before{ background: linear-gradient(to bottom, red 0%, #006eff 100%);
}
The code must be inserted in Theme Panel – Mobile Theme – Custom Code: https://www.screencast.com/t/3zYzY4sLdum
Thank you !
Hi,
If you are referring to mobile grids, then you can edit it from theme panel -> https://i.imgur.com/hsuzRpN.png -> https://i.imgur.com/3sZ0cjA.png
If this is not what you mean, please proved some more details and screenshots.
Thank you!
Hi,
If you are using the mobile theme plugin, then you can edit the heading (H) from theme panel> mobile theme>> mobile fonts – post content -> https://i.imgur.com/lMz3OZ5.png
Thank you!
Need help.
I just got the theme.
But I’m breaking my head on a simple matter.
For mobile devices, the responsive version of the site appears left-aligned. And I don’t know how to fix it.
Can you help me? I’ve tried everything from deactivating ads to trying manual alignment – I even lost the changes I had made to it and had to work twice as much.
But I still can’t find the way to fix this problem.
My site is http://www.24h.com.br
Apparently the issue only affects the unique posts page. The responsive site cover is normal.
Here’s a link to the problem image> https://ibb.co/BV4yLqt
Hi,
From what I can see in this way is look the header that you have set in theme panel -> https://i.imgur.com/TZ5IDAs.png -> https://forum.tagdiv.com/logo-favicon/ pelase set a proper logo, like the one for mobile version -> https://i.imgur.com/vBSOFyj.png
Thank you!
Hi,
On the mobile website there is a large grid section at the top. Via the theme settings > mobile, I am only able to select one category for this grid. Is there a way to select 2 or 3 categories for this section, as articles for only one category are quite limited?
Greetings,
If a heading is taking two lines to display on a mobile, the lines intersect with each other, so it requires us to increase the line height manually every time. We first tried resolving it through the theme panel > Theme Fonts > Post Content > H1/H2 > Line Height, but that did not work. Is there another place in the theme panel to adjust the line height on mobile display? Please let us know how to fix this issue?
Thanks for your support,
Domien
Hi,
In order to change the background color on mobile menu bar you’ll need to go in theme panel> theme color > mobile menu -> https://i.imgur.com/0JALYcX.png
Thank you!
Hi WilliamT,
The mobile version is look like that because you have the mobile theme plugin that provide you a better speed then responsive version of theme, but in order to achieve that speed you’ll need to create a new content for pages because in the most of cases those were made with builders ( tagDiv Composer, WPBakery ) and you need to use only the mobile editor ( you need to set the content for pages in mobile editor and this content will be display on mobile theme)
-> https://www.screencast.com/t/ebUIzt4se
Since Newspaper v9.7.4 you can show the responsive version on mobile theme -> http://prntscr.com/oh6r2s you can check more details about mobile theme in our documentation -> https://forum.tagdiv.com/the-mobile-theme/
So in order to have the same layout you can disable the mobile theme plugin or set the homepage on responsive version.
Thank you for your understanding!
Hi! Good work with this theme.
I have a problem ’cause I couldn’t change the time delay of Newsticker at home. I read at forum that it’s possible to change it searching in tagdiv-theme.js the line in which appears this tag: 3E3.
But I’m looking for it in this file and hadn’t find anything similar.
I’d follow your comments and check this photo (https://content.screencast.com/users/andrei_tagdiv/folders/Jing/media/8f7bd7f0-04cd-4fb6-b66e-26ffdaec494a/2017-10-03_1302.png) but in my theme folder, JS folder is inside INCLUDES folder, not at root of theme folder. And there is no code similar than your posts explains.
This is my code:
/* global jQuery:{} */
/**
* tagdiv-theme.js - the main theme js
*/
/**
* tagdivSearch.js - handles the search events
*/
;var tagdivSearch = {};
( function() {
'use strict';
tagdivSearch = {
_is_search_open: false,
_$body: undefined,
_$dropDownSearch: undefined,
init: function() {
tagdivSearch._$body = jQuery('body');
tagdivSearch._$dropDownSearch = jQuery('.td-drop-down-search');
// hide the drop down if we click outside of it
jQuery(document).on('click', function(event) {
if (
tagdivSearch._is_search_open &&
'td-icon-search' !== event.target.className &&
'td-header-search' !== event.target.id &&
'td-header-search-top' !== event.target.id
) {
tagdivSearch._$dropDownSearch.removeClass( 'td-drop-down-search-open' );
tagdivSearch._$body.removeClass( 'td-search-opened' );
tagdivSearch._is_search_open = false;
}
} );
// show and hide the drop down on the search icon
jQuery('#td-header-search-button').on('click', function(event) {
event.preventDefault();
if ( tagdivSearch._is_search_open ) {
tagdivSearch._$dropDownSearch.removeClass( 'td-drop-down-search-open' );
} else {
tagdivSearch._$dropDownSearch.addClass( 'td-drop-down-search-open' );
}
tagdivSearch._is_search_open = !tagdivSearch._is_search_open;
});
// show and hide the drop down on the search icon for mobile
jQuery('#td-header-search-button-mob, #tdb-header-search-button-mob').on('click', function(){
tagdivSearch._$body.addClass('td-search-opened');
var search_input = jQuery('#td-header-search-mob');
/**
* search input autofocus
* @note: the autofocus does not work for iOS and windows phone devices ..as it's considered bad user experience
*/
setTimeout( function(){
search_input.focus();
}, 1300);
});
//close the search
jQuery( '.td-search-close a' ).on( 'click', function(){
tagdivSearch._$body.removeClass( 'td-search-opened' );
});
}
};
} )();
jQuery(document).ready(function () {
'use strict';
var $body = jQuery('body');
// handle open/close mobile menu
jQuery('#td-top-mobile-toggle a, .td-mobile-close a').on('click', function(){
$body.toggleClass('td-menu-mob-open-menu');
});
// move trough all the menu and find the item with sub-menues to atach a custom class to them
jQuery(document).find('#td-mobile-nav .menu-item-has-children').each( function(i) {
var $this = jQuery(this);
$this.addClass('td_mobile_submenu td_mobile_elem_with_submenu_' + i);
// click on link elements with #
$this.children('a').addClass('td-link-element-after');
$this.on('click',function(event) {
/**
* currentTarget - the li element
* target - the element clicked inside of the currentTarget
*/
var $eventTarget = jQuery( event.target );
// html i element
if ( $eventTarget.length &&
( ( $eventTarget.hasClass('td-element-after') || $eventTarget.hasClass('td-link-element-after') ) &&
( '#' === $eventTarget.attr('href') || undefined === $eventTarget.attr('href') ) ) ) {
event.preventDefault();
event.stopPropagation();
jQuery(this).toggleClass('td-sub-menu-open');
}
});
});
tagdivSearch.init();
});
What should I do to change the time delay of this widget?
I have Newspaper 9 theme version. It’ll changes in X version?
Thanks to all!
I have the same problem.
So I deactivated Supercache
I switched :
PLUGINS’ SETTING
Use Mobile Theme for:
Select the option according to the desired behavior
to the last point -> amp
It seems to work now as wished.
I will test with cache on
In my opinion the problem was
I surved with mobile and an amp Version was generated
I surved 10 sec. later with my desktop computer and I gat this amp version even on my desktop computer
###
After deleting cache
I saw normal desktop version of the site
Hi there,
I having a problem with your theme panel. If I import demo + all content, I can’t change the logo (Header, Footer, Mobile) in Theme Panel.
Logo only can be change if I use tagdiv composer. Which means, maybe retina logo will not work.
If I import demo only, without content. I can change logo in theme panel with ease.No problem at all.
I afraid, this problem happen not just logo element only, maybe other element face same problem too.
I sure, my newspaper themes installed correctly and all my plugin, wordpress are updated to the latest version.
Looking forward for your help.
Thanks,
Azizi