- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsWhat is Ajax preloading?
I don’t understand, how to configure homepage header, it seams isn’t the header I choose in the theme configuration.
So in the mobile only in homepage it don’t work properly, in the other page works correctly, but I don’t understand where I can configure.
In addition when I check sticky version on mobile the header disappeared.
Hello,
Disabling the mobile theme for pages is only possible in the Gutenberg editor.
Thank you!
Hi TagDiv, I have some queries…
Is there a known fix for the issues on the screenshot, mainly concerning the font files (ex. can we add “font-display: swap;”).
Here are the links to the files in question:
1. https://www.total-motorsport.com/wp-content/plugins/td-composer/assets/fonts/font-awesome/fontawesome-webfont.eot
2. https://www.total-motorsport.com/wp-content/plugins/td-composer/mobile/images/icons/mobile-theme.eot?16
1. https://www.total-motorsport.com/wp-content/plugins/td-composer/mobile/images/icons/mobile-theme.eot?16
2. https://www.total-motorsport.com/wp-content/plugins/td-composer/mobile/images/icons/mobile-theme.woff?16
Screenshot = https://ibb.co/qWw4XjV
Additional resources:
Efficient cache policy:
https://developer.chrome.com/docs/lighthouse/performance/uses-long-cache-ttl/?utm_source=lighthouse&utm_medium=lr
Learn more about font-display:
https://developer.chrome.com/docs/lighthouse/performance/font-display/?utm_source=lighthouse&utm_medium=lr
Also, the element ‘Big Grid Flex 3’, doesn’t allow content preloading as the other block elements. I provided screenshots as examples.
Screenshot 1 = https://ibb.co/Xt54GWJ
Screenshot 2 = https://ibb.co/HTddz3M
Is there a known way of preloading this grid and its elements?
Thanks in advance
Hmm, it looks that you are using the mobile theme plugin and this was why the general code was not apply.
From what I se now you’ll need just one small edit, please add this css :
you can add the width in this code
.td-main-menu-logo img {
max-height: 100px;
bottom: unset;
width: 100%;
}
#td-outer-wrap .td-header-wrap {
height: 100px;
}
This should make the logo look the same as on desktop.
Hello,
Unfortunately, I have to inform you that this option will not be implemented because a simple mobile version is desired using the mobile theme.
Thank you!
As subject, please allow restrict Post Type (to post) for Search in Mobile Theme, similar to related setting TagDiv composer for modules&desktop.
Please consider, thank you.
Ok working on the other part of customization, the Mobile Theme -> Custom Code, I obtained some results using this code:
.td-header-wrap {
height: 90px;
}
.td-main-menu-logo img {
max-height: 90px;
bottom: unset;
}
#td-top-mobile-toggle, .td-search-icon {
display: none;
}
Not perfect but a big step.
Thanks,
David.
Okay, thanks.
In another matter, I am not using the tagDiv mobile theme or Google MVP. I am fine with the normal mobile version of my newspaper theme. But please, how can I change the font and enlarge the size of the text in the body of my posts, particularly with the mobile?
Thank you.
Hello!
You are using the mobile theme, and the logo text is black, the same as your mobile header color. Either change the logo from the theme panel or uninstall the mobile theme and use the other two mobile versions:
1. Responsive version: A responsive version of your website looks similar to the desktop version. TagDiv Composer is used to edit the page. 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
Thank you!
Hello,
The mobile logo can be edited only with a custom css, you can try this code:
.td-main-menu-logo img {
width: 150px;
}
The code should be set in the theme panel > custom code> advance css > phone section.
TO hide the mobile and search on mobile you’ll need to use this custom css:
#td-top-mobile-toggle, .td-search-wrapper {
display: none;
}
The code should be set in the same place as the first one.
I hope this will help you!
Hello!
Please make sure you use the latest update of the WordPress, theme and plugins.
If you do not use default templates and styles, then you can deactivate the Standard Pack plugin.
Read this useful guide: https://forum.tagdiv.com/what-is-ajax-preloading/
Please note that page speed or optimization is not covered by the support team: https://forum.tagdiv.com/newspaper-theme-support/
To increase the page speed you can check these similar 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.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 Google Pagespeed Insights and I’m sure you can increase the page speed.
Thank you!
Hello!
We have 3 options available for mobile versions that you can use:
1. Responsive version: A responsive version of your website looks similar to the desktop version. TagDiv Composer is used to edit the page. 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 designs 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
If you need to use mobile version 1 or 2, then you need to uninstall the Mobile Theme plugin and AMP.
1. I can see that you use the Mobile theme right now and you can try to add the shortcode in the mobile editor(check documentation) if this is from an external plugin.
2. Unfortunately, there are no options to display the CPTs as in the cloud templates. You can do that only with custom code. For customization and other services, you can contact our custom work team here: https://tagdiv.com/premium-customization-services/.
3. If you will use cloud templates, then there are some settings of the “Header live search” to specify the taxonomies, create some results sections and exclude posts/pages.
4. Unfortunately, we have no design idea for an alert box. But you can use a modal popup to build the one you like: https://forum.tagdiv.com/modal-popup/ You can trigger it as a button or page and it can open automatically or by clicking the button.
5. Check this thread: https://forum.tagdiv.com/topic/excessive-dom-size/
I hope that helps you!
Thank you!
Hello everyone,
I’m experiencing a critical issue with the Newspaper theme (version 12.6.6) on my WordPress site (here). The problem only occurs on WooCommerce category and product pages and persists even after deactivating all plugins except for the following:
tagDiv Cloud Library
tagDiv Composer
tagDiv Mobile Theme
WooCommerce
I installed the las versions of all plugins.
When accessing a WooCommerce category page, I encounter the following fatal error:
Fatal error: Uncaught ErrorException: td_js_buffer::add_to_header – the header JS was already rendered when you called td_js_buffer::add_to_header() (ex: was called to late) in /home/trempld/www/wp-content/plugins/td-composer/legacy/common/wp_booster/td_js_buffer.php:23
Stack trace:
#0 /home/trempld/www/wp-content/plugins/td-composer/legacy/common/wp_booster/td_js_generator.php(233): td_js_buffer::add_to_header(‘ \r\n\r\n\t va…’)
#1 /home/trempld/www/wp-includes/class-wp-hook.php(324): td_js_generator(”)
#2 /home/trempld/www/wp-includes/class-wp-hook.php(348): WP_Hook->apply_filters(NULL, Array)
#3 /home/trempld/www/wp-includes/plugin.php(517): WP_Hook->do_action(Array)
#4 /home/trempld/www/wp-includes/general-template.php(3050): do_action(‘wp_head’)
#5 /home/trempld/www/wp-includes/template-canvas.php(17): wp_head()
#6 /home/trempld/www/wp-content/plugins/woocommerce/src/Internal/ComingSoon/ComingSoonRequestHandler.php(69): include(‘/home/trempld/w…’)
#7 /home/trempld/www/wp-includes/class-wp-hook.php(324): Automattic\WooCommerce\Internal\ComingSoon\ComingSoonRequestHandler->handle_template_include(‘/home/trempld/w…’)
#8 /home/trempld/www/wp-includes/plugin.php(205): WP_Hook->apply_filters(‘/home/trempld/w…’, Array)
#9 /home/trempld/www/wp-includes/template-loader.php(104): apply_filters(‘template_includ…’, ‘/home/trempld/w…’)
#10 /home/trempld/www/wp-blog-header.php(19): require_once(‘/home/trempld/w…’)
#11 /home/trempld/www/index.php(17): require(‘/home/trempld/w…’)
#12 {main}
thrown in /home/trempld/www/wp-content/plugins/td-composer/legacy/common/wp_booster/td_js_buffer.php on line 23
I would greatly appreciate your assistance in resolving this issue. Please let me know if you need any additional information or if there are any specific troubleshooting steps I should take.
Thank you for your help.
Hi,
We are using theme on the URL “https://karunadasuddi.in/” logo is not coming after selecting in theme setting also. Kinldy update logo in Drop down menu, mobile menu..etc
I have run many Lighthouse reports (homepage, articles) both for Desktop and Mobile.
I got low results on performance and many of the complains of the report are related to JS and CSS from the Newspaper theme.
Please advice.
I need help with some items with the newspaper theme. 1 – how do I make a shortcode work in the mobile plugin? my home has the status of the trains. It’s a box with a green, red or yellow ball.
2 – on the first page of the mobile home, it shows my posts ok. but I have a cpt for traffic, how do I make the traffic post appear on the mobile plugin home in the first highlighted rectangle?
3 – I am creating a cpt for events and I know that the flex build does not search for custom fields, any tips on what I should do to achieve this?
4 – where do I have a documentation of the theme styles? for example I want to create an alert box in the post, how do I do it? type tip, warning or suggestion… within the article.
5 – google always complains about big dom, how to fix it?
My website is: https://www.abctudo.com.br/
I found a guy that wrote about this exact problem:
https://www.managedserver.eu/optimize-wordpress-sites-created-with-the-newspaper-theme/
See under headline:
The TagDiv Mobile problem and server-side caches like Varnish
Hi @hojjo,
Usually, this happens with cache plugins. If the cache plugin does not have mobile support then the mobile theme version can be delivered instead.
The solution would be to use the recommended WP Super Cache plugin instead and activate these settings (especially the mobile device support): https://forum.tagdiv.com/cache-plugin-install-and-configure/ or you can use WP Rocket.
Also, please let me know what plugin you use for the cache now.
@Adrie Please post only in your created topic, because there are different issues
Thank you!
Hello.
We use the Newspaper 12 theme and use the mobile-theme feature.
When searching on google and entering the website (ekonomifokus.se) from there the mobile version is shown even when using a desktop.
We have tried everything, we removed all cache-systems but the problem is still there.
Also, the problem is only there when entering the website via google, not when visting the website directly.
Hello,
I already have a site running on Newspaper for a year and I am delighted with tagDiv that I purchased another license for a brand new project, however I am having issues debugging why content on pages are not loading all elements. I have gone through all recommended steps of disabling plugins and enabling them back one by one. I even started a fresh as the site is brand new and still cannot for the life of me what I overseeing. Basically, page templates are loading default elements that look like are from the mobile template. I obviously have missed a step and it is important for me because I am building the design appearance for AMP/Mobile Themes alongside the main template theme. I really need somebody to just tell me what it is I am missing.
Brighton Wall
The elements on this page are not loading like other pages and posts
AU-TI
As you can see the pages on au-ti.com load elements fine but they are not on brightonwall.com. Do you have any advice?
Hi,
Did you set the background image? To set a background image go in Theme Panel -> Background -> Mobile menu/mobile search => https://www.screencast.com/t/uvDejzbX
Thank you!
Here is the image to show what I mean. There is no colour selected in the theme colours.
Even when you clear the colour it defaults back to the gradient after you save settings. Will never save.
Thank you so much. I have made them both transparent since the start but the default blue stays there no matter what you do. Even if you try and change the colour. I want to show the background image which you can faintly see underneath.
This is the trucking theme on Newspaper
Hi,
I need to know what mobile version you use. Maybe the issue is only from cache, or object cache -> https://forum.tagdiv.com/general-options-may-interfere-newspaper-theme/
Thank you!
Hi,
Usually, this happens with cache plugins. If the cache plugin does not have mobile support then the mobile theme version can be delivered instead.
The solution would be to use the recommended WP Super Cache plugin instead and activate these settings (especially the mobile device support): https://forum.tagdiv.com/cache-plugin-install-and-configure/ or you can use WP Rocket.
Also, please let me know what plugin you use for the cache now.
Thank you!
