- NewspaperThe Newspaper Mobile Theme: Introduction
- NewspaperThe Mobile Theme
- NewspaperModules Builder in Newspaper Theme
- NewspaperNewspaper theme documentation
- NewspaperTheme Colors Introduction
- NewspaperWhat’s Included in the Newspaper Theme Package
- NewspaperFilters and sorting for taxonomies
- NewspaperHow to Add a Logo in Newspaper
- NewspaperBig Grid Flex Settings
- NewspaperHeader Builder
- NewspapertagDiv AMP Plugin Tutorial
- NewspaperBest Of Forums
- NewspaperCache plugin – install and configure
- NewspaperFont Customization
- NewspaperBackground Introduction
- NewspaperHeader ads
- NewspaperPost template ads
- NewspaperCustom ad spots
- NewspaperMain Menu
- NewspaperHow to Install Newspaper via FTP
Hi guys, is it possible to edit the Mobile Theme appearance and styling on a phone?
Is there any way to add modified date in mobile theme?
Hello,
You can try to use this custom code -> https://i.imgur.com/JuUw7ap.png .wp-block-table td:first-child{
width: 35%;
}
Please set this code in the theme panel > custom code> advance css > phone section and will be applied only on a mobile.
Thank you!
Hi,
About the CDN, the mobile theme is not working with the CDN, because this by default recognizes only the responsive version. There is an extension that should be working, but this is not free – https://developers.cloudflare.com/automatic-platform-optimization/reference/cache-device-type/ –> https://developers.cloudflare.com/cache/how-to/create-page-rules#cache-by-device-type-enterprise-only this normally should work with the mobile theme too.
Thank you!
Hi,
The menu seems you solve it https://i.imgur.com/tZgn4Gw.png also, if you want to have a mega menu please check this guide https://forum.tagdiv.com/mega-menu/
To change the font and colour for the mobile menu please go in Theme Panel -> Theme Colors -> Mobile menu/mobile search => https://www.screencast.com/t/0CvSgXp9H to set a background image go in Theme Panel -> Background -> Mobile menu/mobile search => https://www.screencast.com/t/uvDejzbX to change the font from Theme Fonts => https://www.screencast.com/t/ANBQe7hQhJd
The social icons from the mobile menu are coming from the Theme Panel -> Social/Apis -> Social Networks -> https://i.imgur.com/kKYIECB.png remove/edit them after your needs.
Thank you!
Hello @GIURAF!
This is about page speed I guess. Disable the lazy load animation from here: https://www.screencast.com/t/O5pfqQdb and see the results.
Check out these topics for more solutions:
– https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– https://developers.google.com/speed/docs/insights/v5/about
– https://www.youtube.com/watch?v=tnkVapqhIHc
– https://www.xtechkr.com/optimize-newspaper-theme/
– Check those guides : https://web.dev/lcp/ – > https://www.sqlpac.com/en/documents/google-pagespeeds-lighthouse-6-new-features-lcp-cls.html -> > https://wp-rocket.me/google-core-web-vitals-wordpress/improve-cumulative-layout-shift
– https://forum.tagdiv.com/topic/to-high-cumulative-layout-shift-in-mobile-theme/
Please check the tutorials from those platforms gt metrix and Google Pagespeed Insights and I’m sure you can increase the page speed.
Please note that page speed is not covered by the support team: https://forum.tagdiv.com/newspaper-theme-support/
Thank you!
Hello @bucatariamamei!
I can see that you don’t use the Mobile theme plugin.
Are you sure that this plugin is installed and activated in Newspaper -> Plugins?
Make a test and deactivate ALL plugins except tagDiv ones, also if you are using a cache plugin, deactivate it, clear all cache and try again.
Let me know the results!
Thank you!
Hi,
For mobile live search, you can use the above element to do the design. The mobile live search doesn’t have those options like header search lives for design.
To change the font and colour for the mobile menu please go in Theme Panel -> Theme Colors -> Mobile menu/mobile search => https://www.screencast.com/t/0CvSgXp9H to set a background image go in Theme Panel -> Background -> Mobile menu/mobile search => https://www.screencast.com/t/uvDejzbX to change the font from Theme Fonts => https://www.screencast.com/t/ANBQe7hQhJd
Thank you!
Hello,
The theme uses a header for the desktop and a header for mobile (when you are on the desktop, the one on the mobile is hidden, and when you are on mobile, the one on the desktop is hidden, it is not the same menu on the desktop that can be adjusted on the mobile).
Thank you!
Hi,
If you want to try some settings from our guide, it may help you – https://forum.tagdiv.com/how-to-make-the-site-faster/ maybe you can find some settings that will help you (indeed, on the mobile version if the mobile theme plugin is used, the results should be much better).
Thank you!
Salutare,
Am primit urmatorul email de la wordpress:
Bună!
WordPress are o funcționalitate nativă care detectează când un modul sau o temă provoacă o eroare fatală pe site-ul tău și te notifică automat printr-un email.
În acest caz, WordPress a sesizat o eroare la unul dintre modulele tale, tagDiv Mobile Theme.
Mai întâi, vizitează-ți site-ul (https://www.bucatariamamei.ro/) și verifică dacă apar orice fel de probleme. Apoi, vizitează pagina unde a fost sesizată eroarea (https://www.bucatariamamei.ro/wp-login.php) și verifică dacă apar probleme evidente.
Te rog contactează serviciul tău de găzduire pentru asistență în investigarea în continuare a acestei probleme.
Dacă site-ul tău pare căzut și nu îți poți accesa panoul de control așa cum o faci în mod normal, WordPress are acum un „mod recuperare” special. El îți permite să te autentifici în siguranță în panoul de control și să investighezi mai departe.
Pentru a-ți menține site-ul în siguranță, această legătură va expira în o zi. Nu-ți face griji în legătură cu expirarea: dacă eroarea apare din nou, îți va fi trimisă prin email o legătură nouă.
Dacă soliciți ajutor pentru această problemă, s-ar putea să ți se ceară unele din informațiile următoare:
Versiunea WordPress 6.2
Tema activă: Newspaper (versiunea 12.3.1)
Modulul curent: tagDiv Mobile Theme (versiunea 2.3 | built on 06.04.2023 10:28)
Versiunea PHP 7.4.33
Detalii eroare
==============
A apărut o eroare de tipul E_ERROR pe linia 315 a fișierului /home/bucatari/public_html/wp-content/plugins/td-mobile-plugin/td_mobile_theme.php. Mesaj eroare: Uncaught Error: Class ‘AMP_Theme_Support’ not found in /home/bucatari/public_html/wp-content/plugins/td-mobile-plugin/td_mobile_theme.php:315
Stack trace:
#0 /home/bucatari/public_html/wp-content/plugins/td-mobile-plugin/td-mobile-plugin.php(122): td_mobile_theme::set_the_theme()
#1 /home/bucatari/public_html/wp-settings.php(453): include_once(‘/home/bucatari/…’)
#2 /home/bucatari/public_html/wp-config.php(104): require_once(‘/home/bucatari/…’)
#3 /home/bucatari/public_html/wp-load.php(50): require_once(‘/home/bucatari/…’)
#4 /home/bucatari/public_html/wp-login.php(12): require(‘/home/bucatari/…’)
#5 {main}
thrown
Ca o nota suplimentara, cand incerc sa intru in admin in wordpress imi zice ca “A fost o eroare critică pe acest site web. Pentru instrucțiuni, te rog vezi emailurile primite de administratorul site-ului.” si nu ma lasa deloc.
Ce este de facut?
Multumesc,
Catalin
I finally found the mobile theme tab, put my CSS code but still not working on mobile. Only working on PC.
Here is the code
.tips-div {
background: #cef8d8;
padding: 30px;
margin-top: 50px;
margin-bottom: 50px;
border-radius: 4px;
}
Hi there, how are you? I notice that on my site (https://www.laboratoriodedeseos.com.ar/) I have a Big Grid 3 at top, and when I open the site on mobile all site resize, but not the post images. So I see just the top left corner and can´t solve it via admin… seems that the responsive is not working with the post images. I have desactivated the tagDiv Mobile Theme, and the AMP plugins, because the client wants same view as desktop. Hope you can help me. Thanks.
Hi,
I don’t know if I have correctly understood the question, but I think you are referring to the fact that you want to set a sidebar (this is done from the column on a row) and that it does not disappear on smaller screens and goes under the content.
First of all, please check that the tagDiv mobile theme plugin is disabled.
After that, the responsive version will be used, which displays all the content on the desktop on mobile.
You can see in tagdiv composer how the site appears on each viewport using these elements – https://i.imgur.com/VczmuFA.png the screen dimensions can be checked here – https://i.imgur.com/UJ6YIlV.png
Thank you!
Hi Calin,
So I tested the page speed and Siteground’s Optimization by excluding different components. I tested multiple pages for speed (posts with the Table of Contents; posts with galleries, etc)
The best result so far :
HomePage = 61 [mobile] / 79 [desktop]
Posts (average) = 62-64 [mobile] 89-91 [desktop]
Pages definitely load faster (1-1.3 seconds on desktop) & 4 seconds or more on mobile. >>> I am not using any mobile theme / AMP, so it could be because of that.
Nothing breaks if I exclude:
plugins/td-composer/legacy/Newspaper/assets/css/td_legacy_main.css
themes/Newspaper/style.css (not excluding this causes the Mega menu to not load and the Search bar on the header doesn’t expand).
Note: I had to exclude it from “CSS minification”, “CSS combination” both. It didn’t work if I excluded it from only the minification / combination.
Excluded from JS minification
/plugins/td-composer/css-live/assets/external/ace/ext-searchbox.js
wp-includes/js/jquery/jquery.min.js
/wp-includes/js/jquery/jquery.min.js
plugins/td-composer/legacy/Newspaper/js/tagdiv_theme.min.js
I also used another plugin, recommend it too : WP Meteor .. it eliminates render-blocking Javascript. I found that it not only works on top of SG optimisation, it works standalone too, without any “exclusion” scripts. Yet to test what happens if we add exclusions to it and eliminate the use of SG’s plugin.
Will appreciate any inputs you / other users have.
Have a good day!
Hi mungerald, to check if you are using the mobile theme plugin please check in Newspaper > plugin if the plugin is active – https://i.imgur.com/ehfGwtU.png it is then you need to go to the theme panel and scroll until you’ll see the mobile theme section – https://i.imgur.com/Rya5Hdg.png
Thank you!
The Theme Panel does not have the Mobile Theme tab as you mentioned in your previous reply, and therefore I couldn’t find this path “Theme panel -> Mobile Theme -> Custom code -> Custom CSS”. The theme panel only has a tab named “Custom Code”. Under Custom Code tab, there’s Custom CSS and Advanced CSS, but none of the code options specifies CSS for Mobile Theme. Tried putting code under Custom CSS but still only worked for desktop and not on Mobile Theme.
Hi
I have a problem with our mobile menu background.
We have defined it with an image from menu Theme Panel -> Background -> Mobile menu/mobile search
We also defined the transparency with Theme panel -> Theme colors -> Mobile menu -> Background Gradient
But i still have a total transparency
The mobile menu seems to be some sort of pop up, created by your Scuba template.
I also tried to edit the header template but i cant see anyhting related to mobile menu
Hi creativeopole,
I’m sorry that you can’t create the shop you want with our theme. For the moment on the shop side, our theme can only create shops similar to our demos: – https://i.imgur.com/2Q9ugSI.jpg if it’s an option on one of these demos you need, then it’s in the theme, if the demos don’t have the option you want, then it doesn’t exist in the theme.
1. The background image can be changed for the mobile menu from the theme panel – https://i.imgur.com/yVwO7f0.png
2. The mobile menu elements can be adjusted using the settings from the theme panel – https://i.imgur.com/JCUsXnG.png
Thank you!
I am having issues with the theme and the updates. I accidentally ran the most recent update, and the default header I was using is no longer an option in the dashboard, and now I have to use a cloud version. This has messed up the ad serving with desktop and mobile. It was working great, and the update killed it. I had DFP serving 728×90 on desktop and 300×250 on mobile for the top leaderboard. Not the mobile ad is gone, and I have no idea what to do. Is there any way to dump these cloud elements and get the theme back to allow for the header and ad design in the dashboard? https://www.lagunabeachindy.com/
Hi,
If you made a custom CSS and you use a mobile theme, then you need to add the code in the Theme panel -> Mobile Theme -> Custom code -> custom css.
Thank you!
CSS styling for background color for text in articles is not working on mobile. It was pasted in Theme File Editor. However, the styling is only working on desktop but not mobile. The mobile theme plugin has been activated. How do I get it work on both desktop and mobile?
Hello Ahmed,
Thanks Happy Easter to you too.
I checked and now you have activated the mobile theme plugin and now there is a background color -> https://we.tl/t-Aq1lEBShDh
Thank you!
Hi Calin
Thanks for getting back to me. I’m not sure what you mean with ‘if the response version is used’. I’m not entirely sure what you mean with a mobile page template either, as our issue is in the header, and not with a specific page or post template. I’ve attached a video that showcases the issue: https://youtu.be/ywrgYEud1pE
Unfortunately using the mobile theme plugin is not an option either, as it also has a problem where it doesn’t use the right localization: it always shows up in English while we’re hosting a Dutch site. So it’s not adhering to the WordPress site settings on that front.
Thanks in advance!
Hello,
If the responsive version is used, then even if the slide element is set in the header, it will also run when the responsive version is accessed. It is best if that element is desired not to be on the car or to use a mobile page template or mobile theme plugin.
Thank you!