- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsWhat is Ajax preloading?
Hello !
The Mobile theme was specially designed for optimization on mobile devices. Unfortunately on mobile theme you cannot do much changes of design. If you want to have the same design as on desktop mode you can achieve that by simply disabling the mobile theme.
You will have to recreate your pages into the Mobile editor or completely disable the mobile theme. The mobile editor will not render shortcodes !
Also you can disable mobile theme on certain pages or posts by following this setting: 
Please take a look here: https://forum.tagdiv.com/the-mobile-theme/
Mobile theme plugin can be disabled from Newspaper Plugins as you can see here: https://www.screencast.com/t/LnkZCEVC
Thank you !
Hi,
This is because you are using the mobile theme plugin, you’ll gain 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 or shortcodes ( 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://i.imgur.com/9d0UWLT.png
Unfortunately if you are using same plugin for shortcodes, this will not work on mobile theme, it will be interpreted as a html text, this will work only on responsive version. Also because amp plugin is use with mobile theme plugin the shortcode will not work on amp too, only if you do not use the mobile theme for amp.
Also you can show the responsive version on mobile theme -> https://i.imgur.com/m0bVB5T.png you can check more details about mobile theme in our documentation -> https://forum.tagdiv.com/the-mobile-theme/ or if you want to have the responsive version only, you can use the amp option from mobile theme -> https://i.imgur.com/oofST3D.png (to use the mobile theme template on amp) or you can disable the plugin.
Thank you for your understanding!
Hello,
or asked as a simpler question: How can I add different banner sizes for desktop/tablet/mobile in a header-template ad-area if I don’t use Goggle Adsense nor just graphical banners?
Dear team,
In the mobile menu, “Sign in” menu is showing above main menus.
As I do not want to use ‘sign in’ or any ‘registration’ function, I want to hide “Sign in”.
I tried the css code below following another article but it didn’t make any change.
https://forum.tagdiv.com/topic/sign-injoin-now-showing-on-mobile-have-disabled-from-theme-panel/
#td-mobile-nav .td-menu-login-section {
display:none;
}
Please let me know how to hide the “Sign in” menu in the mobile menu.
Thank you in advance.
Hi,
If you are using mobile theme plugin, please make sure that these thumbs are enable in theme panel -> https://i.imgur.com/tJwYaS4.png
If there is still a problem, please provide me a link where I can inspect this problem.
Thank you!
check my website borngaming.in
if u open this website in pc it works fine but if I open the same thing in mobile it looks weird & contact us page won’t show its content just blank and sometimes it happens with pc too, the full website looks like mobile and won’t show contact us page content.
and I doubt if there is an issue in here
WP Home URL i http://borngaming.in
WP Site URL i https://borngaming.in
Home URL – Site URL Home URL != Site URL Home URL not equal to Site URL, this may indicate a problem with your WordPress configuration.
Good morning, on my website im publishing lots of article everyday. On desktop view i been able to create which category to display but unfortunately can find any option for mobile theme. Its really important for me not to display all the article instead i want to display selected category on Mobile latest article. Please let me know how can i fixed it
Thanks for the reply! That did it.
I am wondering why the mobile site changes in looks. I tested this on Safari and Chrome on an iPhone X.
When I first go to the site, it looks very similar to how my desktop site looks, but then when I reload the page (usually once, sometimes twice), the page design changes and just shows the latest articles. How do I make it so that it always stays the same?
I have create home page by using the td composer. Now I am copying the html content from main content to mobile editor and I can see this https://imgur.com/a/oMCPeLw.
Why does this happen?
Can you help me to solve it?
Hello,
I’m using the header coming with the default layout of Newspaper. To place the ads in the header I’m using Revive adserver. I have written a script, that checks the size of the ad-area and inserts the necessary Revive banner-code for desktop/tablet/mobile.
Here is the code:
<div id="revive-ad-header" style="display: block; text-align: center;">
<script type="text/javascript">
adUnit = document.getElementById("revive-ad-header");
adWidth = adUnit.offsetWidth;
if ( adWidth >= 728 ) {
/* Leaderboard 728x90 */
adUnit.innerHTML = '<ins data-revive-zoneid="1" data-revive-id="a7d099fe9a8c6365a11a9e0b369"></ins>';
} else if (adWidth <= 720 && adWidth >= 468) {
/* Banner 468x60 */
adUnit.innerHTML = '<ins data-revive-zoneid="2" data-revive-id="a7d099fe9a8c6a11a9e0b369"></ins>';
} else {
/* Mobile Banner 320x50 */
adUnit.innerHTML = '<ins data-revive-zoneid="3" data-revive-id="a7d099fe9a8c365a11a9e0b369"></ins>';
}
</script>
<script async src="//www.webserverdomain.de/www/delivery/asyncjs.php"></script>
</div>
This works perfectly.
I now wanted to switch to a header template. The ad-setting for the ad-area is “Use adspot from: header” so I thought this would be it.
But no ads are shown in my header. The variable adWidth always returns 0 and adUnit.innerHTML has no effect.
So I switched to the “Custom ad” and entered the code in the box there. But this doesn’t work either.
What might be the problem, that the code works perfectly with the default header but not within a header-template?
Hi,
If you want you can set only want row and inside of it you can set inner row and set on these the code.
Usually, yes, we recommend to use tagDiv Composer for pages -> https://forum.tagdiv.com/homepage-how-to-build-and-set-it/
Unfortunately only using this method the menu will work in mobile, here is a demo that is construct using the methods I provide above -> https://demo.tagdiv.com/newspaper_dentist/
I think that this “how can show the drop down in columns rather than one huge long list?” is referring to menu:
For the moment with a theme setting it is not possible. However I could give you a CSS code for it
2 columns – http://prntscr.com/n9w5z3
.menu-item-49 > .sub-menu{
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
width: 20em!important;
}
In the phones field use something like this – http://prntscr.com/nafbws
– http://prntscr.com/nafc3t
.menu-item-49 > .sub-menu{
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
Thank you for your understanding!
Hello !
For that you will have to go into: Theme panel – Mobile Theme – Theme fonts. and there you will have all the options available.
Thank you !
Here – https://jazzjournal.co.uk/2020/07/20/al-di-meola-across-the-universe/ – I am using the Default Style 1 template but I cannot see how to alter the Post Title size for mobile.
Altering the size in Theme Panel/Theme Fonts/Post Title/Style 1 Template alters the size in desktop and tablet views but on mobile no change occurs. The post title remains too large. How can I adjust the post title for mobile view?
Thanks
MG
Hi,
I just checked your website and the logo is displaying on mobile too -> https://i.imgur.com/nQ053pE.png
Thank you!
Hello !
For mobile social sharing you will have to go into Theme Panel – Social Sharing – Social Networks.
Remove the # on the elements you don’t want to have displayed inside Social Networks.
Unfortunately submenus will not be able to be open all the time.
Login can be removed from Theme Panel – Header – Login / Sign In option.
Thank you !
I’m using the LifeNews Pro theme and the header and footers are having issues that are not being resolved by
– disabling all other plug-ins
– clearing cache
– following the instructions for updating “mobile” image.
FOOTER: When I import the LifeNews Pro footer – it doesn’t come in as editable. Instead, it imports “done” and states that its saved; however, when you exit out to view the template in the Cloud Templates area it shows as not editable. Additionally, when you try to edit the template the “Save” spinner keeps spinning.
HEADER: Pretty much the same issue. The header is editable (can use my header image) for everything other than mobile. When I SUCCESSFULLY get the header to change (using the details from this video https://www.youtube.com/watch?v=HXQQygkCCJo) – the “Save” spinner keeps spinning and the changes are not updated.
INSTAGRAM
The link to Instagram feature is also not working – it displays a
{“error_type”: “OAuthException”, “code”: 400, “error_message”: “Invalid scope field(s): basic”}
Please suggest the steps.
How to increase or decrease the size of the mobile font
Hi Calin,
Thank you for your reply.
Ok, so you would create the whole page in TD Composer? with a row for every profession? and set an extra class in each?
Then create a custom link for each profession in the menu and add the relevant code?
I have been using the Block Editor to create the page and adding an anchor under advance tab there?
How would you create the page in TD composer?
Company logo aligned left with copy on right.
Also Calin, I have 105 professions in total! a lot .. how can show the drop down in columns rather than one huge long list?… I understand this is not achievable once viewed on mobile.
Kind Regards
Mark
I am using the “Tech News” demo, and editing the homepage.
If I am on the homepage, I can click the “Edit with TD Composer” in the top bar, and am brought to the edit page. From there, I am able to edit the first few rows (about half the page), but anything below that, it won’t let me select.
This is my site: implicitlytyped.com
I specifically wan’t to remove everything from the “LATEST ARTICLES” section and below. It won’t let me.
I am also wondering, if I remove the latest articles, will they only disappear on the desktop site? I am hoping the mobile version won’t change.
I’ve just activated the mobile theme, and have customized it a little, removing the “latest articles” title and the featured images for the latest articles by using “display:none;” in custom css. Now it just leaves the article headlines, which is what I want.
However, those headlines take up only about 50% of the screen since the part where the featured image *should* have been is still there. Is there any way to make the headline text full-width across the screen?
THANKS, A LOT. BUT THERE IS SMALL PROBLEM. OUTLINE IS SHOWING WHITE COLOR. I WANT THAT COMPLETELY BLACK OR NO OUTLINE. HOPE YOU UNDERSTAND MY POINT. I AM TALKING IN DROP DOWN MENU IN MOBILE VIEW. I HAVE APPLIED THIS CODE, LOOKS OK BUT PLEASE CONFIRM?
.td-subcat-filter .td-subcat-dropdown ul {
background-color: rgba(0, 0, 0, 0.95);
}
.td-subcat-filter .td-subcat-dropdown a {
color: #fff;
}
.td-subcat-filter .td-subcat-dropdown ul {
border-color: rgba(0, 0, 0, 0.95);
}
Hi,
I’m not sure how to explain this.
Most of the posts’ URLs on my website have a 3rd level URL structure.
For example: website.com/cat1/cat2/postname (“cat1” is parent category to “cat2”)
My issue is, that when I click on “load more” on for example the “related articles” widget, it displays my posts with a 3rd level URL structure as 2nd level URL.
Example:
It’s supposed to load: website.com/cat1/cat2/postname
But it’s only loading: website.com/cat1/postname
This does also affect “infinite loading” on tag div blocks, “load more” buttons on tag div blocks and “Next Prec Ajax” on tag div blocks. It also affects ajax filters.
Is there a way for all these ajax loading widgets to load the true URL of my posts?
It would be huge, if you could help me out there.
My website: https://www.4kmobile.de/
Hi
When i look at my site on a mobile no images appear on the menu screens…
The placeholder is there but it’s blank…if i click on an article to read the image appears in the article….just not on the front menu…
Any ideas why ?
Hi,
Please view: http://pickytaster.co/
The banner portion which writes picky taster product reviews is not shown when view on mobile phone
Newspaper 10.35
Site: hispanicla.com
There is a small issue with the translation into Spanish of the word “By” as in the byline of the posts.
In the Theme Panel, under Translations, the word “By” is correctly translated into “Por”.
But in the desktop version in my site it still says “By” instead of “Por”.
https://hispanicla.com/neron-y-el-incendio-del-coronavirus-en-los-estados-unidos-de-america-47620
There is not such a problem using the tag_div Mobile Theme.
https://hispanicla.com/neron-y-el-incendio-del-coronavirus-en-los-estados-unidos-de-america-47620?amp
Thank you, Gabriel.
