- ApiUsing the Theme API in plugins
- 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
Hello @raketenaffiliate!
Check this guide: https://forum.tagdiv.com/font-customization/
We have 3 options for mobile versions that you can use:
1. Responsive version: A responsive version of your website looks similar to the desktop version. Edit the page with TagDiv Composer. Click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB; there you can see your mobile version and edit or adjust the elements to look better.
2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages
3. Mobile theme plugin: The Mobile Theme is a performance-optimized theme included in the main Newspaper theme that only loads on mobile devices. It comes with its own templates and design for pages, posts, categories, etc., so your current templates from the desktop theme will get converted to the mobile theme layout. Please see https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/ for more information.
A full explanation is here: https://www.youtube.com/watch?v=SpGkOnJeNZY
You can choose to use whichever one is more affordable and useful for you.
For the option 1 and 2, you need to deactivate the Mobile Theme plugin.
If you use the Mobile Theme plugin, then there are some settings in order to customize it in the theme panel -> mobile theme. Note that you can not customize this plugin’s layout with the TagDiv Composer.
Hope that helps you!
Thank you!
https://mojopatrakar.com/
If we scroll up in the blog page or single page post so sidebar is fixed and overlap the whole screen
and footer cant be set in all page once i selected one.and login/sign up button not remove in menu
or the header is not proper align and the mobile is not responshive .. I just recently buy this theme but its not work well as i thought
Hello!
We have 3 options for mobile versions that you can use:
1. Responsive version: A responsive version of your website looks similar to the desktop version. Edit the page with TagDiv Composer. Click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB; there you can see your mobile version and edit or adjust the elements to look better.
2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages
3. Mobile theme plugin: The Mobile Theme is a performance-optimized theme included in the main Newspaper theme that only loads on mobile devices. It comes with its own templates and design for pages, posts, categories, etc., so your current templates from the desktop theme will get converted to the mobile theme layout. Please see https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/ for more information.
A full explanation is here: https://www.youtube.com/watch?v=SpGkOnJeNZY
You can choose to use whichever one is more affordable and useful for you.
For the option 1 and 2, you need to deactivate the Mobile Theme plugin.
Thank you!
I’ve been very interested in this topic for a long time. I’m always looking for discussions everywhere about the topic of AMP or mobile-optimized website themes.
The mobile theme on the newspaper in my opinion is the best choice right now if you want something faster than other themes.
If you install it with AMP it will be an even better choice, but with the big drawback of removing all existing designs. It’s the same as mobile Themes but even faster.
From my latest analysis, if your website is designed for news using AMP is the best choice because you will get exclusive rights from Google that carries this AMP, I recommend it for now.
But if your website is fast before using AMP or mobile themes I don’t think it’s necessary.
*The benefits of using a mobile theme, AMP or mobile theme + AMP differ from choice;
>If you only use a mobile theme, it is possible that other plugins that you apply will work optimally with a simple mobile website appearance.
>If you only use AMP, it allows the website to be faster but very simple and will execute plugins that are not optimal with AMP or do not support AMP.
>If you only use mobile + AMP themes, I’m actually quite confused by this but the mobile website will have 2 versions namely mobile and AMP themes that visitors can choose from.
**Simply put, both mobile and AMP themes aim to make visitors or readers who come can access the page quickly and visitors who have very – very slow internet (even for users who are still using 3G networks) will be happy to access the AMP site.
Hello Guys,
I just started customizing the mobile theme in newspaper.
Because of the european laws i have to hoste Google Fonts locally (I use a Plugin calles OMGF for this).
Now when I open up Safari on iPhone, it doesn’t show the fonts i’ve selected. It just shows Times News Roman on the Site.
Is there any fix to that? Would use a fallback font, but don’t know how to set this up.
Please help
Hello @theangrydude!
The colors can be changed from the theme panel -> theme colors -> Mobile menu/ Mobile search.
Thank you!
Hello Team,
We want to fully customize our mobile view pages because we want to add more categories on our home page. So how do we customize the newspaper theme in mobile view. i am sharing you a video for your reference. https://www.screencast.com/t/t4roqobbm
Thank you!
Hello David!
I’m sorry about the misunderstanding, but any extra info, screenshot, or video should be a good hint.
The problem there is the AMP layout, which is running there. That’s why it is white and a different template. When you enable the mobile theme plugin with AMP, then it will overwrite the templates with their layout. This layout has some settings only in order to customize the design in the theme panel. Please read all about AMP here: https://forum.tagdiv.com/tagdiv-amp-plugin-tutorial/
Thank you!
Hello @theangrydude!
Check this video: https://www.screencast.com/t/bpdEd0pgb
Please make sure you have the Mobile Theme plugin uninstalled.
Hope that helps you!
Thank you!
Hey,
I would like to transform the Header menu into a Hamburger menu on mobile devices.
I don’t want to use a different mobile theme nor to change the theme. I would like everything to stay as it is, except that the Header Menu becomes a Hamburger menu on mobile devices.
Any advices?
Thanks in advance
Hey,
In Black Pro theme, how do I transform the header menu into hamburger menu for mobile devices?
I looked everywhere and I dont see this option, only vertical scrolling.
Thanks,
Alex
Dear Simion C.
Thank you for replying me.
But I do not nderstand where can I change pages and single page design of tagdiv mobile theme.
I can not find these pages on “pages”.
Regards
Thanks for the question and the screenshot, I found that my mobile theme had for some reason, undefined, and just fix it and solved the problem. No idea how that got set, but nonetheless fixed!
thank you for the reply
the strange thing is i am using the mobile theme and have the logo to display in the mobile theme settings
the logo appears but it also shows the text About Us – i have no idea where that is coming from and want to remove it
i could probably hide with css but would like to remove via the theme
Hello @2wrd!
When you enable the mobile theme plugin with AMP, then it will overwrite the templates with their layout. This layout has some settings only in order to customize the design. These settings can be found in the Newspaper -> Theme panel -> Mobile theme -> Footer.
More information can be found at https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/.
From my point of view, if you don’t use the Mobile Theme plugin, then there is no reason or benefit to AMP. Please read all about AMP here: https://forum.tagdiv.com/tagdiv-amp-plugin-tutorial/
Thank you!
Thanks Anamaria.
I am not trying to make a separate mobile site. The staging site is here: http://newmlp.raisingglobalhealth.org/.
We are trying to switch over from Visual Composure (which worked fine but seems increasingly less supported by the theme) to TagDiv, and it’s the latter I’m struggling with. In the old visual composer I could hide elements on different resolutions. TagDiv seems to have the same option (see screenshot here: https://snipboard.io/wsY6hJ.jpg). However the “on/off” toggle doesn’t actually do anything.
So, for example, if I add a mobile menu in responsive design like so: https://snipboard.io/0T2lmH.jpg [aside, the alignment options also look like they are broken?]
Then even if I tell it to be off for desktop, it still appears: https://snipboard.io/epnA9l.jpg.
It is also a problem in other spaces, for example if I’d like to display three posts in a row on the desktop site but only two on a tablet, I cannot do this. Whatever option I choose gets promulgated to all sizes 🙁 So it just seems like none of the responsive editing I was used to with VC works in TagDiv?
Any ideas why this is happening?
Thanks,
Kaitlin
Hello @MadhurKotharay!
Normally, when you activate the mobile theme plugin, it will overwrite the design you build for your mobile view with his own layout. It comes with its own templates/design for page, post, category, etc so your current templates from the desktop theme will get converted to the mobile theme layout. For more details, please take a look here: https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/
A full explanation you can find here: https://www.youtube.com/watch?v=SpGkOnJeNZY
Hope that helps you!
Thank you!
I have a dark theme, black background and white text, on my website. It works well on the desktop but in the mobile version the posts do not have it, they are displayed with a white background and black text. the website is https://tequilademaya.com
Interesting. I have been breaking my head for the last 16 hours trying to solve exactly this problem. Finally, I logged into the forum to find this being discussed.
What you said works perfectly for all mobile templates such as home, tag, search, and page templates. It does not work only in the category mobile template. So I don’t think I am doing anything wrong.
I tried deleting all category templates for desktop as well as mobile and recreate them.
Even then, it simply refuses to apply the mobile theme. Actually, it applies some parts (such as limit post numbers in the post loop) but refuses to remove the flex blocks inserted earlier in the template. Looks like some shortcodes, once created, do not get deleted in category mobile template.
I used Magazine PRO templates to start with and modified them for my website, if that helps.
Hi,
AMP is very restrictive when it comes to the ads and to the content. What type of ads are you planning to use on AMP exactly? Are they compatible with AMP?
The most popular and widely used type of ads used for AMP are AMP auto ads from Google https://support.google.com/adsense/answer/9261309?hl=en
We provide a field for entering the code https://i.imgur.com/2kAsROP.png
Also the mobile theme ad spots will load ads on mobile or mobile + AMP https://i.imgur.com/YEkMJ6N.png
But for any type of other ads, with other requirements perhaps, maybe it is possible to add them via ad inserter plugins or similar. Or perhaps it will require modifications to the code, it depends.
Could you mention a few details about the type of ads you want to use? Also, if their provider has documentation for implementing them on AMP, please provide that as well so I can take a look.
Thank you!
I am facing difficulty when users are trying to submit comments on AMP page while I have the mobile theme active. I am able to submit comments on Mobile Theme pages without AMP and on desktop.
Check the following link for the error: https://imgur.com/eRhdPoN
Kindly help. I checked with my host server to mend the issue. Nothing worked.
Hi Calin,
Actually we want to add sticky ads on mobile amp and non amp pages. So how do we customize the newspaper theme.
Dear support
I need to change height of subfooter on tagdiv mobile theme.
Because our site will add footer overlay ad there.
Please tell me how to change height of subfooter and move copyrights above.
Or to insert white space below subfooter.
Regards
Hi crodexter,
You are right, the sticky menu crates cls on both mobile and desktop if is used.
If you do need a sticky menu we suggest to use a cloud header (this will be display on desktop, and responsive version, for mobile it can be use a mobile page template) and set the row to be sticky -> https://i.imgur.com/3eIf8ss.png
Unfortunately for standard pack and mobile theme there is no option to use it without causing cls.
Thank you!
Hello,
I am pretty sure that sticky menu in mobile theme is creating CSL 0,11
As soon I turned it off CSL is 0
I don’t know enough to know is this problem with my installation or it is general problem.
And important thing is that I am checking CSL in Google Chrome developer tool.
Google Insight is useless for hings like that.
Can you please respond? This seems pretty important.
