- 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
can i change “Modified Date” to “Last Updated On” in mobile theme.
Hi,
So, this row is not displayed on desktop/tablet/mobile? Those are viewports -> https://i.imgur.com/Z8lPREE.png
Thank you!
Hi,
There are a lot of factors which can make your site slow. Make sure you use only some templates and fewer functionalities and options.
Some factors which you need to take into account are:
External factors: server speed, if you are using CDN or not, the external resources loaded by your website like ads, fonts, tracking scripts like Facebook Pixel, Google Analytics, Twitter analytics, Hotjar and so on.
Internal factors: the number of elements on the page, image size, image formats, if you are using mobile optimized layouts, console errors, if you are using the Standard Pack plugin or not, if you are using the PRO demo or a standard one.
There are many optimization guides provided by our users here in the forum, some made by us; you could check some of them
– https://forum.tagdiv.com/cache-plugin-install-and-configure/
– https://forum.tagdiv.com/how-to-make-the-site-faster/
– https://forum.tagdiv.com/topic/high-number-of-ajax-request/
– https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– https://www.andraware.com/wp-rocket-for-newspaper-theme/
– https://spraythemes.com/newspaper-theme/how-to-speed-up-the-newspaper-wordpress-theme-using-wp-rocket/
– https://forum.tagdiv.com/topic/page-speed-guide-for-2023-beginners-and-advanced/
– https://forum.tagdiv.com/topic/newspaper-theme-speedify-your-website/
– https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
– https://forum.tagdiv.com/cloudflare-cdn/
– https://forum.tagdiv.com/topic/theme-causing-high-cpu-usage-2/
– https://forum.tagdiv.com/topic/sql-querys-high-cpu/
– https://forum.tagdiv.com/topic/newspaper-theme-slow-to-respond/
– https://premium.wpmudev.org/blog/optimizing-your-wordpress-database-a-complete-guide/
– https://underconstructionpage.com/optimize-wordpress-database/
– https://crunchify.com/better-optimize-wordpress-database-all-in-one-guide/
Also, pagespeed is not covered by support -> https://forum.tagdiv.com/newspaper-theme-support/
If you use Wp Rocket, you can try to exclude the following files
/jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
/jquery-migrate(.min)?.js
/wp-content/plugins/td-composer/legacy/Newspaper/js/tagdiv_theme.min.js
tdBlocksArray
Thank you!
I prefer NOT to use the Mobile Theme UI, since the responsive desktop UI works better for my purpose.
But some aspects of the desktop UI, eg styling and sizing, do not carry over, eg, how posts are presented on a phone.
Would it be possible for a future update to allow the desktop UI to be changed and adapted for phone and tablet display, as for example is the case with Elegant Theme’s Divi website page builder?
Hi,
How do I change the burger mobile menu background please?
I tried all the settings in the menu editor but none of them apply to this section.
I made a quick vid showing what I mean.
I want to remove the bitcoing background image and replace it with a solid colour
https://www.loom.com/share/c39808675f4c49b4bdeea2f90dbdcfa3
Thanks
Hi colleagues!
screen – https://drive.google.com/file/d/1xtYfwrvGv3NtH-wK2E3o6kItkNKfR6q8/view?usp=share_link
This is Mobile problem
screen – https://drive.google.com/file/d/1-YB3lL5AkOVdkezc33cOH4IhhEXIaJhi/view?usp=share_link
I use Mobile option from NewsPaper only –
screen
screen – https://drive.google.com/file/d/14YS9HiJeJhsCvfoIAxdwqv9IJ_ODxQbv/view?usp=share_link
Any workaround how to fix it ?
It was ok before the start of March.
Any Template updates during this period of time?
Hello!
How do I hide categories on the homepage of the site on mobile? Do I have to put some code? Because there in the configuration of “Grids” and “Mobile Theme Modules Settings” in the “mobile theme” tab, there is no option to hide. https://imgur.com/R6u188L
On the desktop, there is an option to put “-” and the number of the category you want to hide.
We’re finishing up the home page and are using the Flex Block 1.
In the “layout”, in “modules per row” we are setting the number of horizontal modules for each viewport.
Example:
Desktop: 4 modules per row [] [] [] []
Horizontal: 3 modules per row [] [] []
Vertical: 2 modules per row [] []
Mobile: 1 module per row []
How do we limit the amount of articles shown per viewport?
Currently it is set to show 4 so it fills up well on the desktop viewport as it’s big and wide.
On Horizontal it also shows 4: 3 on the same row + 1 on the next row, which isn’t what we want.
Instead we only want to show 3 there.
On Vertical it shows 4 (2 rows of 2) which is OK, but we’d rather have it just 2 here.
On Mobile it shows 4 (4 rows of 1), which is way too much for such a small format with 6 main categories.
We’d just like to show only 2.
How do we do this?
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
We are editing our scrolling header on our website and the homepage won’t format to how we need, however on our other pages it looks perfect… how can we fix this?
the website is http://www.pillow-magazine.com
Also on mobile version we are struggling to shorten the height of the header, how do we do this?
Thank you
Hello,
I have created a shortcoded block that I want to insert into posts in various places. The shortcode is referring to a flex block with related article(s). And I want the flex block to show image on desktop and tablets only. But I want the image to be hidden on mobile.
When I edit a page, I can do it by duplicating blocks and adjusting their visibility on mobile/desktop so that one row/element is only shown on mobile, while the other row/element is only shown on desktop.
However, in case of a shortcode inserted in a post, it does not work because both elements are shown (both original for desktop and duplicate for mobile). It looks like the display show/hide information is encoded into the row rather than into the flex block element.
So, my question is how can I create different elements for desktop/mobile inside the post?
Is there any slug I can add to the shortcoded string to show/hide it on desktop/mobile?
Is there any way I can hide/show image for desktop/mobile within one block (without block duplication)?
Below is my shortcode to be inserted into posts:
[td_flex_block_1 modules_on_row="" limit="1" hide_audio="yes" columns="25%" image_floated="float_left" image_size="td_1068x0" custom_title="Related Article" block_template_id="" post_ids="99" modules_extra_cat="" show_author="none" show_date="none" image_width="30" meta_info_align="" meta_info_horiz="content-horiz-left" meta_padding="0px 0px 20px 15px" modules_category="" show_review="none" excerpt_col="" btn_title="Read" mc1_el="45" show_btn="none" mix_type_h="" fe_saturate_h="1.5" mix_type=""]
[td_flex_block_1 modules_on_row="" limit="1" hide_audio="yes" columns="25%" image_floated="eyJhbGwiOiJmbG9hdF9sZWZ0IiwicGhvbmUiOiJub19mbG9hdCJ9" image_size="td_1068x0" custom_title="Related Article" block_template_id="" post_ids="99" modules_extra_cat="" show_author="none" show_date="none" image_width="eyJhbGwiOiIzMCIsInBob25lIjoiMTAwIn0=" meta_info_align="" meta_info_horiz="content-horiz-left" meta_padding="eyJhbGwiOiIwcHggMHB4IDIwcHggMTVweCIsInBob25lIjoiMHB4IDBweCAyMHB4IDBweCJ9" modules_category="" show_review="none" excerpt_col="" btn_title="Read" show_btn="none" mix_type_h="" fe_saturate_h="1.5" mix_type="" tdc_css="eyJhbGwiOnsiZGlzcGxheSI6IiJ9fQ==" show_cat="eyJwaG9uZSI6Im5vbmUifQ==" show_com="eyJwaG9uZSI6Im5vbmUifQ==" mc1_el="25"]
Hello, Tagdiv support.
We have changed our faster server with more stability. We have noticed that one of the speed issues is with the CSS and template icons on both servers.
We have WPRocket Pro and have already minified the CSS and Javascript. We only have the Tagdiv Mobile plugin activated because together with the AMP plugin the web is much slower. We don’t have icons anywhere on our website.
I have tried with an empty template (blank) and the speed does not change. The charging time is similar with our design (down 6 points)
How can we make our mobile version go faster? or how can we minimize that css and icons?
Attached link to the Google PageSpeed Insight test (PDF). https://we.tl/t-v0Uipmp7MQ
A regards and thanks for your time.
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 janabi,
The logo looks like that because you are using different logos for the header and footer, the one from the header is the one https://sahafa.media/wp-content/uploads/2023/02/777.png and of the footer is this one https://sahafa.media/wp-content/uploads/2023/02/sahafa-logo-white.png
You can change the logo from the mobile version using tagDiv Composer, edit the homepage and click on mobile viewport then select the logo element and change the image – https://i.imgur.com/jLDen0n.png – https://i.imgur.com/DK4PEbz.png
Thank you!
Hello,
What you can do is use the function to make the mobile menu sticky and don’t use the row sticky -> https://i.imgur.com/CQHR0mz.png
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!
Hi,
Well, if you check sahafa.media on mobile, you will see that the top logo is dim and dark. It sits behind a black block. You can hardly see it. Which is in the url below that you sent me.
But if you look at the logo at the bottom of the page, you will see that the logo is bright and clear.
So, is there any way we can get the logo at the top of the page clear and bright like the one at the bottom?
https://i.imgur.com/05cMKYC.png
Thank you in advance
Ahmed
Hello Support Team:
Please let me know how to change the Mobile Web sign in background picture for ReportFan.com.
Also, when I click on the US News category on ReportFan.com using the desktop browser, there are 4 tabs under the title US News, please let me know how I can display these categories with specific categories selected. Right now, it displays by alphabetical order.
Thank you,
Brandon
With cloudflare enable. i see the desktop version instead the mobile in the smartphones, what should i do ?
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,
Please copy and paste the row from tablet to mobile, I don’t exactly what interferes there, maybe a plugin conflict, or some settings.
Please let me know the results.
Thank you!
