- 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
Thank you, all so much I went to jetpack and turned off mobile theme, and just like that i was back on mobile devices again!!!! You guy are the best thank you, thank you!!!!
Hi, the mobile theme for my site is only showing 3 posts. I understand it is supposed to show 6 posts. What could be the problem?
I found the problem, when I disable the “tagDiv Mobile Theme” plugin everything works fine, but I will not have all specific configurations for the mobile version, without this plugin.
Hi,
Indeed it seems that on mobile devices nothing is displayed, the page is blank. I suggest to check if the jetpack mobile theme module is somehow enabled, in the plugin settings. Try to disable it if active.
Thanks
Hello Bogdan,
i tested the code for Theme API mentioned on the link you sent but without success.
The worst problem on the mobile theme is the second image, can you send me few tips how can i fix it with the Theme API?
https://ibb.co/ciVLB6
https://ibb.co/mxknr6
https://ibb.co/jhiwjR
Regards,
Dragos
Hi,
The top menu is not displayed on mobile by default, it could be made visible if absolutely required, with custom code (only when then mobile theme plugin is not active). It will be the same top menu from desktop, not a different menu.
Regarding the search icon positioning, I could give you a code to make it display for example next to the menu
– https://www.screencast.com/t/qyORyGNiR1f1
This is the code used for that, it must be entered in Theme panel->Advanced CSS in the phones section
.header-search-wrap {
left:54px;
right:auto;
}
Or you can move it to the right as you wanted (use the value you want in the code)
– https://www.screencast.com/t/6pqX6Way
.header-search-wrap {
right: 60px;
}
These codes must be entered in the location I mentioned above, so they will apply only on mobile.
Thanks
Hi,
The font size on mobile is predefined, it is meant as a limit in case users are setting a higher font size. It will be reduced to 32px or enlarged if it is of a lower size. The limit works both ways.
What you could do is to use a code like this one, to make the font smaller on mobile devices
@media (max-width: 1018px) {
.td-post-header header .entry-title {
font-size: 20px!important;
}}
This code can be entered in Theme panel->Custom CSS section.
Thanks
Hi,
That is the mobile theme version of the website, you have activated the mobile plugin
– https://forum.tagdiv.com/the-mobile-theme/
Note that the mobile theme plugin is optional, you can simply deactivate it. Then the same content from desktop will be displayed on mobile devices.
Thanks
Hey Newspaper Family,
Just thought this might be useful to the ones starting a fresh new blog. I’m adding up plugins i’m currently using for my blog, feel free to add some to the list:
- Akismet Anti-Spam (to stop spam comments without adding them to your comment approval page)
- All In One WP Security (simple wp security for your website)
- Contact Form 7 (i have never used it, but yeah it might be handy)
- Envato Market (to keep your theme updated with Newspaper directly)
- External Links (super seo plugin, automatically prevents any external link from passing juice of your website to another for google ranking)
- GTmetrix for WordPress (checks page speed directly from plugin here)
- Heartbeat Control (ignore if you are not moderately good with tech. This one removes a lot of load from your cpanel of hosting)
- Inline Related Posts (adds beautiful in-line related posts automatically by extracting from tags and categories)
- Jetpack by WordPress.com (obvious)
- Mashshare Share Buttons (kinda good, especially has ability to add fake number of shares)
- OneSignal Push Notifications (a must get app! sends notification to mobile as well desktop users that you have published a post, just get this one)
- Regenerate Thumbnails (obvious)
- Remove Query Strings From Static Resources (speeding up website)
- SumoMe (for beginners, yeah this is super one, their tutorials explain everything)
- Table of Contents Plus (adds beautful TOC in your posts automatically using headings in a hierarchy)
- WP Smush (for image optimization)
- WP Super Cache (supports Cloudfare, one reason i preferred it over w3 total cache)
- WP-Optimize (cleans database and makes your hosting cleaner)
- Yoast SEO (obvious)
Apart from that, please do add free SSL certificate by Cloudfare, and setup free CDN by Cloudfare for your website. It boosts speed you will love to see.
Regards
Dr.Varun
Hello @michele-jolie , have you tried using Mobile Plugin provided with the theme? Indeed your page is blank on mobile phones. Apart from that, i assume you are already using
Apart from that, some basics you should try for your website:
1. Try installing a demo from theme panel, in your case, you should try Cooking demo- https://demo.tagdiv.com/newspaper_recipes/ . Just have a look. You can find other demos here- https://demo.tagdiv.com/select_demo/select_demo_newspaper .
2. Go for Free CDN by Cloudfare, that will boost speed of your website a lot and is pretty good.
3. Add SSL Certificate to your website, it will show users that your website is safe and again, is pretty neat.
4. Explore post types in theme, they are pretty good and worth exploring.
5. Try reading how to set up homepage here- https://forum.tagdiv.com/homepage-how-to-build-and-set-it/ .
6. Basic plugins must get for WordPress- Akismet-anti spam, External Links, Jetpack, Regenerate thumbnails, WP Smush, Wp-Super Cache and Yoast ofcourse.
Good luck with blogging. You can check mine here- https://medicforyou.in . Feel free to ask for anything. 🙂
Hi,
The theme package provides a mobile theme plugin, this is optional. If you decide to install and activate it, you can select a menu to be used specifically for it
– https://www.screencast.com/t/uHA3oBKvJ
You can find out more about this plugin functionality here
– https://forum.tagdiv.com/the-mobile-theme/
As I mentioned this is optional. When it is not active, the mobile version is created using the theme responsive design. The same elements from desktop will be displayed on mobile devices, including the menu.
If this is not what you wanted to know, please try to provide some more details for a better understanding.
Thanks
Hello,
I just updated the newspaper theme from an older version 7.4 to the latest one, I created a new folder for that with a different name (newspaper1) and uploaded the new theme there, then activated. All good expect when I checked the website on my mobile I got this error right below the main menu and blocks are not showing :
Fatal error: Call to undefined method vc_row::set_font_settings() in /home4/u5k5z9h5/public_html/wp-content/plugins/td-composer/includes/tdc_composer_block.php on line 36
Desktop version works fine.
I tried to disactivate the tag div composer plugin but the error is still there.
Thanks
The mobile theme plugin is not required, it is optional to install it. This plugin is intended to be used if you would like to present a different and simpler version of the website
– https://forum.tagdiv.com/the-mobile-theme/
So it is up to you whether you want to use it or not. When the mobile plugin is not active the background image can be changed as shown above, and the colors here
– https://www.screencast.com/t/ZXq72ZvIEjfp
A setting for setting a color when the menu is sticky does not exist, this could only be done with CSS. Like this
– https://www.screencast.com/t/QZD4ylWkngz
This code will make the menu bar have a different color chosen by you, when the menu is sticky. It can be entered in Theme panel->Advanced CSS in the phones section
.td-header-menu-wrap.td-affix .td-header-main-menu{
background-color: red!important;
}
Thanks
Hello howtoisolve,
You should edit the theme core files where the mobile plugin is created and use the do_shortcode for your ads. Notice that is not a simple task and if you are not aware of the steps which are needed to take in this case, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry! As a hint, you should edit the mobile folder from theme and loop.php file according to the following example for a normal desktop version from here -> https://forum.tagdiv.com/topic/how-to-add-banner-on-top-of-date-and-socil-media-icon/
Hope this helps!
Thanks for your understanding!
Please answer the two questions below as well.
Also, do I have the option to change the date from of my posts to update date as stated below?
“I regularly change the date of posts when updating a post so the date is current, though the theme I use has an option to change the text associated with the date, so rather than it saying something like “Posted On Date” I use “Updated Date”: basically not suggesting the post is new, indicating the post was updated.”
what is the proper image size ratio for the Tagdiv composer single image element so that whether it be on mobile, tablets, or PC the image will fit and not be cut off? I have to give an image wired sizing just so that they can fit, therefore some look strange and disproportionate on the different platforms.
Thanks
Thank you so much for the answer!
I also would like to ask you about changes for the header in the mobile version, it is necessary to install the plugin? I am very happy with the mobile version without it and I wouldnt like to install the mobile plugin only for basic changes.
I would like to know if I can change the bakcground color of the mobile menu and also change the option of smart sticky mobile menu, because I changed it in the theme panel but only happens in the computer version not mobile version.
Thank you so much again
Bogdan,
I dont think I have any image optimization plugin. See the list of all my plugins below and advice:
Add to Cart Button Custom Text and Color
Select Ajax Search Lite
Select All In One WP Security
Select All-in-One WP Migration
Select AMP WooCommerce
Select Autoptimize
Select Code Snippets
Select Email Users
Select Hide products count
Select HTML5 Responsive FAQ
Select Jusibe SMS Notifications for WooCommerce
Select Lazy Load
Select ManageWP – Worker
Select Media Search
Select Ninja Popups
Select PageLoader by Bonfire
Select Paystack WooCommerce Payment Gateway
Select PDF Light Viewer Plugin
Select Peter’s Login Redirect
Select Regenerate Thumbnails
Select Remove Query Strings
Select Responsive Pricing Table
Select SB WooCommerce Email Verification
Select Slider Revolution
Select Social Login WordPress Plugin – AccessPress Social Login Lite
Select Super Socializer
Select tagDiv Mobile Theme
Select tagDiv Social Counter
Select tagDiv Speed Booster
Select User Password Reset
Select Visual Form Builder Pro
Select WC Fields Factory
Select Woo Align Buttons
Select WooCommerce
Select Woocommerce Custom Tabs
Select WP Email Users
Select WP Hide & Security Enhancer
Select WP Hide Plugin Updates and Warnings
Select WP Image Size Limit
Select WP Mail SMTP
Select WP Notification Bar Pro By MyThemeShop
Select WP Pro Ad System
Select WP Smush
Select WP Super Cache
Select WP-Optimize
Select WPBakery Visual Composer
Select YITH Advanced Refund System for WooCommerce Premium
Select YITH Live Chat Premium
Select YITH WooCommerce Badge Management Premium – Shared by DownLoadFreeAZ.Com
Select YITH WooCommerce Deposits and Down Payments Premium
Select YITH WooCommerce Multi Vendor Premium
Select YITH WooCommerce PDF Invoice and Shipping List Premium
Select YITH WooCommerce Surveys Premium
Select YITH WooCommerce Waiting List Premium
Select YITH WooCommerce Zoom Magnifier Premium
Select Yoast SEO: WooCommerce
Thanks
Hello Chris,
I have inspected your website and saw that your header ad on mobile seems to work as expected, without any problem, as you can see here -> https://www.screencast.com/t/6CEaTYgtp7 Try to clear all the caches and check the results. Notice that the theme simply takes the ad code and render it on your frontend. The theme does not have any control to the size of your ad. If you do not like you should change the ad and for this, you should contact the Google Adsense department.
Thanks for the message!
Hi,
Regarding the mobile menu background, if the mobile theme plugin is not active it can be changed here
– https://www.screencast.com/t/7fAAHdYQ
If the mobile plugin is active the settings are here
– https://www.screencast.com/t/XPrfrNbV
Also the scroll would be present when the mobile theme is active
– https://www.screencast.com/t/sGXK6QYLR2
When inactive it will not appear, it could be made visible by entering this code in Theme panel->Custom CSS
– https://www.screencast.com/t/OctmuN7BL7
@media (max-width: 767px) {
.td-scroll-up {
display: block;
}
The news ticker text can be changed in the theme translation settings
– https://www.screencast.com/t/5YY0QzJy6e
Same for the related articles – https://www.screencast.com/t/hZzfVfoRPeG
Thanks
Hello,
Sorry but the mobile theme does not have a black version. Only the standard responsive version will keep the demo style. The mobile theme plugin will not grab the style of the desktop theme.
As for the footer, please check the footer section of the theme panel.
Thank you!
Hello,
The color of the mobile menu icons can be changed from the theme colors section: https://www.screencast.com/t/K8YysS9Qm7bY
If you use the mobile theme plugin, a similar colors section will be found in the mobile theme settings at the bottom of the theme panel.
Thank you!
please share code, how to add two ads inside the post with the mobile plugin – mobile site.
Desktop ads layout i want to add on the mobile screen so i am asking. otherwise, mobile theme is awesome.
Check my site: https://www.howtoisolve.com
thanks and regards
I have the exact same problem.
Same error in mobile theme when viewing a post.
When I switch off sharing in posts, the error disappears.
Peter.
Dear Sir/Madam,
Kindly allow me to congratulate you on your theme.
I’m contacting you due to a problem Ι have encountered and need to ask you a question.
Is there any way to fix this header in yellow as depicted in the link (https://prnt.sc/i6uiiy)? I want the header to be smaller in size or more responsive because on the mobile version it’s too big and you can’t see the picture displayed in the background https://prnt.sc/i6ujra.