- ApiPractical example – How to add a new Block and Module
- ApiAPI – Smart Lists – Introduction
- ApiAPI – Category top section style – Introduction
- ApiAPI – Category top section template – Introduction
- Apitd_api_module::update
- Apitd_api_module::add
- ApiAPI – Modules – Introduction
- ApiUsing the Theme API in plugins
Hi,
@CRiTiCAL That won’t work in a child theme. Currently the only way of loading code in the mobile header is to manually add it in the file mentioned above. I will make a note of this and it will be considered to add a field for it in the theme panel mobile theme settings.
@Jose That is an interesting suggestion, so something to allow the user to enable/disable the mobile theme for all the categories, posts, pages etc. There will be an option to choose for which pages or posts the mobile theme applies specifically, as an option in the edit screen. I will add this suggestion and it will be strongly considered by our developer team. Thank you for mentioning it.
In the coming theme updates there will be quite a few options added for the mobile theme. These are currently in work, some in testing. All suggestions are welcome. Please let us know if you have more suggestions.
Thanks
Hi,
I’ve checked your website and your menu is look normal -> https://www.screencast.com/t/jpCNu1wA in desktop version and on mobile you’ll need to add in Theme panel>Custom code> Custom css this custom css
https://www.screencast.com/t/8bYNrDFy
.td-mobile-content .td-icon-menu-right {
display: inline-block;
}
Also if the shortcode for translating still appear in menu after you deactivate those plugins, you’ll need to remove theme manually.
If there is still a problem, just let me know!
Thank you!
Hi,
Just realised that our mobile display is completely affected after the update. The front-page layout is completely gone. No wonder everyone had been asking us to develop / upgrade to a new mobile site today.
Help
ITduck
My client just soft launched her site. She has spent advertising money in publications. She has promoted the ability to signup/login and bookmark recipes, articles, favorite businesses, etc. The fact that people cannot do this easily from mobile now is a HUGE issue. I don’t need an exact date, but a rough idea of when feels warranted. Thanks
Hi Critical,
Sorry to intrude.
I love the loading speed of Newspaper with mobile (plugin tagdiv mobile active), but this rome the home, categories, etc …
So I was thinking about a hybrid. Responsive for home, categories, etc… and mobile plugin for post.
All my traffic (95%) comes from mobile and for me it is important to maintain a high loading speed and not use more scripts than necessary.
I think you’re working on something similar, optimizing the load, is that so? Do you think we could collaborate? my email is info@soyunperro.com
I don’t know what the problem is, I just unlocked the five-year badge.
I still have 5 months of support left.
I try to answer a question, and I see this:
https://fotos.subefotos.com/e561759bba59bd17f30590f07e63ffd9o.jpg
The problem appears when trying to answer this query: https://forum.tagdiv.com/topic/can-i-edit-the-tagdiv-mobile-look/#post-303085
Cheers
I work with the structure Themes/Newspaper-child, in the Desktop version it works well working from that direction.
But in the mobile version I can not find the way to make that modification (I do not want to modify the original files in plugin/td-composer/mobile/head.php), try with this structure /Newspaper-Child/mobile/head.php and it did not work.
Thanks
Hello Again,
I have followed exactly the same steps you had mentioned above, but I still have the same Validation issue in all pages: The extension ‘amp-auto-ads’ was found on this page, but is unused. Please remove this extension.
I have created AMP ADS and put theme under : mobile ads
<amp-ad width=”100vw” height=320
type=”adsense”
data-ad-client=”ca-pub-XXXXXXXXXXXXXXXX”
data-ad-slot=”7705229545″
data-auto-format=”rspv”
data-full-width>
<div overflow></div>
</amp-ad>
and UNDER amp ads
<script async custom-element=”amp-ad” src=”https://cdn.ampproject.org/v0/amp-ad-0.1.js”></script>
and THE ADS are SHOWING FINE in my website .. I can see them via my phone when i add /?amp at the end
How can I fix the amp-auto-ads issue please?
Hi,
I modified that code, so now the top menu appears on mobile – http://prntscr.com/o9j62r
If you want to use the sticky code from above as well, the result will be like this, on sticky mode – http://prntscr.com/o9j6h8
Here is the code
@media (max-width: 767px){
.td-header-top-menu,
.td-header-top-menu-full,
.td-header-sp-top-menu {
display: block!important;
text-align: center;
}
.td-wpml .menu-top-container .top-header-menu > li {
display:inline-block;
}
.td-wpml .menu-top-container .top-header-menu > li a {
margin-right: 16px;
}
.body-td-affix .td-header-top-menu-full {
position:fixed;
top:54px;
}}
If needed I could modify this code. Let me know.
I should note that with the cloud header templates you can design the header on both desktop and mobile, both default mode and sticky mode. These are templates built by us that can be imported and modified if needed
– https://cloud.tagdiv.com/#/load/Headers
You can also build your own using a blank header template – http://prntscr.com/o8vge6
Here are some articles – https://tagdiv.com/newspaper-theme-customize-the-header-manager/
– https://tagdiv.com/header-main-menu-newspaper-theme/
And a guide about the cloud plugin – https://forum.tagdiv.com/tagdiv-cloud-library-plugin/
Thanks
Hi, the code doesn’t fit on my website.
I’m using Style 11 header annd I would like excatly the same result than Aaakash
– Sticky top bar
– Top bar AND Menu bar menus both appearing in mobile view
Here is the result I obtained on https://www.gogin.eu/gogin_new/en/
https://www.dropbox.com/s/wvgsw4l1q51awq5/2019-07-02_11-54-44.jpg
The top bar overlays the main menu and is shifted to the left. Also, the top bar menu does not appear in the mobile menu?
Any solution? Thanks in advance for your help!
Hi,
Please note that our theme has two different header.php folders for Desktop version and Mobile theme, like this -> https://www.screencast.com/t/hQlhnFsVNbKv -> https://www.screencast.com/t/k3XijmDuQ
Hope this helps!
Thank you!
Hi,
The theme do not control the way how the ads are working, the code that you’ve set in theme and appear in the bottom of mobile have set the links to the same page because the ads show one website -> https://www.screencast.com/t/rwLNmtpMUX
Thank you for your understanding!
Hi,
In order to achieve all those you’ll need to use the tagDiv Composer and Header manager .
Please check those topic too:
-> https://forum.tagdiv.com/topic/how-do-i-change-join-to-subscribe-feature-on-top-bar/
-> https://forum.tagdiv.com/topic/how-to-add-extra-features-on-top-bar-like-donate-my-subscriptions-subscribe/
-> https://forum.tagdiv.com/topic/on-mobile-menu-how-do-i-replace-search-with-subscribe/
Thank you!
Hi,
This can be achieve only on responsive version, if you are using the mobile theme, the you can not achieve this.
All you need to do is to set the port view on mobile -> https://www.screencast.com/t/YcikfUXZcpcC and replace the search with a button -> https://www.screencast.com/t/nh5lhKOmy
Thank you!
Hi,
There is no need for any kind of css for your mobile menu. The menu that you have set do not have sub-menus on mobile theme -> https://www.screencast.com/t/M3wKAO8VoM3a ( notice that if you have a mega menu this will not be display in mobile theme as on desktop, the sub-menu of mega menu will not show ), also you can create a new menu for mobile theme and set in it the pages/post you want -> https://tagdiv.com/mobile-theme-automatic-optimization-for-mobile-newspaper-theme/
For footer you can try this custom css -> https://www.screencast.com/t/s6PkHD5Qi
.td-mobile-footer-wrap{
display: none
}
The code need to be set in https://www.screencast.com/t/GlDtNriqXR
Thank you!
Hi,
There was set a path for a background image that not longer exist ( the image ) in Background mobile menu and search and that was why there it takes about 2-3 minute to open the menu.
Thank you!
I would need to have two codes <head> </head> script insection code, one for mobile devices and other for desktop devices.
I am optimizing the loading of scripts, and I would like the mobile scripts to only load in mobile version, and desktop scripts only load in desktop version
I use the Mobile Theme
Thanks!
Thank you both for replies,I have deactivated Mobile Theme. How do I edit the Top Bar, so that it appears like the link below? With 6-7 features on desktop view? The Epoch Times, NY Times and Bloomberg both have this feature, and on mobile it comes out to Menu on left, name in middle, and Subscribe on right.
https://www.theepochtimes.com/
1. The DivTag Builder only came with 3-4 row options. I would not get all 6 buttons or 6 elements on header. I wanted to have Menu, Donate, Time on left, Title of News company in middle, and on right to have Subscribe, About us, and Search bar on right. Basically 7 features either on a header.
The layout I have currently on Desktop is.
1. Top Bar, which I would like add more icons buttons to it?
2. Header, I have menu button on left, company title in middle, and subscribe button on right, header only has 3-4 rows. I want a center row with the title, but for the 1/3 left row and 1/3 right row, to each have 3 features, Left Menu, date Search bar, right Subscribe, About us, Donate.. Mobile menu, Id like to have all of it show, is that possible, or more than just 3 elements which is title, search bar and menu. I have deactivated the mobile plugin
3. I have company Logo Below the header.
4. I have Menu List Below the Header
5. I have the slider
6. Articles
This is the design I am building and I like. Lot of trouble with the header, Top bar and menu transition Over 30 hours of time spent, seems I have it almost figured out. Please assist in clarifying…… and Remedying what I want done.
Thank you
Cyrus
1. I have deactivated the Mobile menu feature, So how can I change the search feature that appears on the mobile menu to another bottom, either subscribe or Donate?
Thank you
This code does not work for AMP+MOBILE option. Please double check. I followed the instruction that you said but it does not work.
The link that i am referring is https://riansclub.com
Please share the codes for footer as well.
I am having the exact same issues: mobile menu not showing drop-down arrows for sub menus. I tried the code provided and it did not work. Any suggestions?
Website: http://www.sdaho.org
My bar menu mobile my website is working normally.
Thank you very much for guide.
Hi,
Please remove the background image from Newspaper > Theme panel>Background > Mobile menu/search background and Join in/ join background -> https://www.screencast.com/t/7oDoAmZ1T after that please clear all cache and try again.
Thank you!
Hello !
Please de-activate the mobile theme and let us know so we can inspect your issue for a bit. I’ve managed to recreate this issue only when my menu arrows were gone. If that is the case on your side too please paste this code here: https://www.screencast.com/t/vGLlR5lJIN
.td-mobile-content .td-icon-menu-right {
display: inline-block;
}
Let me know how this works !
Thank you !
Hello,
Thank you so much for your help.
For question 1, I refer to the text of the articles, using the tagdiv mobile plugin, how for example here (see from mobile): https://cutt.ly/ak9x1k
https://fotos.subefotos.com/d51845a6a916d57f31da1344c2d1af73o.jpg
When the tagdiv mobile plugin is active, the theme does not respect the manually chosen typography from the theme control panel. Can I change it in any way?
Thanks
