- NewsmagTheme colors introduction
- NewsmagSmart list ads
- NewsmagIntroduction
- NewsmagMain menu
- NewsmagLogo & Favicon
- NewsmagHeader ads
- NewsmagSmart sidebar
- NewsmagSharing buttons
- NewsmagCategory tag on modules/blocks
- NewsmagBackground introduction
Hi,
unfortunately for the mobile theme, a different custom code must be made, for example here is made a custom code that applies to all categories both on desktop and on mobile.
https://forum.tagdiv.com/topic/category-color-and-filtering-options/
For your case, you need to have a code like this, but you need to set each category that you have
.td-module-image a[href$="/video/"], .td-meta-info-container a[href$="/video/"], .td-module-container a[href$="/video/"], .single .td-category a[href$="/video/"], .tdb_single_categories a[href$="/video/"], .entry-category a[href$="/video/"] {
background-color: blue;
}
.td-module-image a[href$="/fashion/"], .td-meta-info-container a[href$="/fashion/"], .td-module-container a[href$="/fashion/"], .single .td-category a[href$="/fashion/"], .tdb_single_categories a[href$="/fashion/"], .entry-category a[href$="/fashion/"] {
background-color: blue;
}
Also, if you want to have it on mobile theme you need to set the code in Theme Panel -> Mobile Theme -> Custom Code -> CSS => https://www.screencast.com/t/MvF9ApPZ43r -> https://i.imgur.com/hUP91q1.png
Thank you!
Hi, if I let WordPress to show PHP errors
ini_set(‘display_errors’, 1);
ini_set(‘display_startup_errors’, 1);
error_reporting(E_ALL);
I get on the top of my webpage, in mobile version, the following alert:
Notice
Undefined index: color-1-overlay in <b>/var/www/vhosts/FOLDER_ON_SERVER/wp-content/plugins/td-composer/legacy/common/wp_booster/td_block.php</b> on line 2407
Notice
Undefined index: color-2-overlay in <b>/var/www/vhosts/FOLDER_ON_SERVER/wp-content/plugins/td-composer/legacy/common/wp_booster/td_block.php</b> on line 2407
Is it a theme error? How do I fix it?
Enzo
Hi everyone,
I’ve been struggling for the past 3 days to get my home page to stack for mobile.
I’m not keen on creating an entirely new theme for mobile, but rather use the desktop version I have and have the elements stack.
This is currently happening, but text runs out of the screen resolution on mobile.
Help would be appreciated.
Hello @mixos,
If you follow the steps which are presented in this tutorial here: https://tagdiv.com/how-to-increase-page-loading-speed/ you’ll be able to increase the speed of your website.
Also, to increase the page speed you can check these similar topics for more solutions:
– https://forum.tagdiv.com/topic/optimize-script-to-improve-site-speed/
– https://forum.tagdiv.com/topic/a-few-tips-for-newspaper-x-speed-high-cpu-usage-issues/
– https://tagdiv.com/how-to-increase-page-loading-speed/
– https://developers.google.com/speed/docs/insights/v5/about
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– https://forum.tagdiv.com/topic/newspaper-theme-speedify-your-website/
Please give it a try and follow the steps which I presented above about page speed.
Also, check our guide from here: https://forum.tagdiv.com/how-to-make-the-site-faster/
To be able to optimize and to remove CLS and LCP please check these guide => https://developers.google.com/web/tools/lighthouse/ -> https://www.sqlpac.com/en/documents/google-pagespeeds-lighthouse-6-new-features-lcp-cls.html -> https://web.dev/lighthouse-whats-new-6.0/ -> https://web.dev/lcp/ -> https://web.dev/cls/
Please make sure to use our newest tool called tagDiv CSS Analyzer which comes in handy to resolve some of your issues. Take a look at the video guide here: https://www.youtube.com/watch?v=tnkVapqhIHc
“This custom tool performs an automatic test to find missing CSS rules applied by user interaction. Moreover, you can manually interact with a chosen section/component from the page while the tool records all the involved CSS. It will generate the final CSS file for this page and also will split the rules in Critical CSS to be loaded in the website’s header.” ( https://tagdiv.com/whats-new-in-the-newspaper-theme-10-4-update/ )
We tested our tool on our demos, and we have such great results!
Take a look at this topic because it could help you: https://forum.tagdiv.com/topic/css-analyzer-step-by-step-and-doubts/
Also, please set width on the logo https://i.imgur.com/oSUDVIU.png or try to remove and add it again.
For mobile, you can use a mobile theme plugin or mobile page, which can help to have a better score for mobile, you can find more information in these articles
-> https://forum.tagdiv.com/the-mobile-theme/
-> https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/
This is a video about Responsive Newspaper Theme, AMP & Mobile Theme, Mobile Pages & Templates -> https://www.youtube.com/watch?v=SpGkOnJeNZY
Also, you can try to optimize your images, for example, you can use the EWWW Image Optimizer plugin, also, you can try other plugins like Autoptimize
Thank you!
How can it be translated category latest articles to another language in Tagdv Mobile Theme.
Hello,
Seems you have the Mobile theme plugin activate, when you install and activate the Mobile Theme plugin, your pages will be overwritten by the plugin (the mobile theme comes with its own templates for page, post, category, etc so your current templates from the desktop theme will get converted to the mobile theme layout, the page content is made without builders in mobile editor => https://www.screencast.com/t/xbgZG8kH also, the options that are provided to edit the mobile theme version are limited (this keeps the things simple)).
Better deactivate the plugin and see the results
Also, if you create a mobile page, please make sure you assign it like this https://www.screencast.com/t/lektAhyjd
This is a video about Responsive Newspaper Theme, AMP & Mobile Theme, Mobile Pages & Templates -> https://www.youtube.com/watch?v=SpGkOnJeNZY
Thank you!
Hi BarbaraZ, once that the website was indexed by google, after you use the Yoast seo plugin to remove the cloud templates from google you nee also to re-index your website in this way the cloud templates will be removed from google search results.
About the mobile version, I do not quite understand the problem, are you using the mobile theme plugin and the mobile version it is display on desktop? can you please provide some examples or screenshots.
Thank you!
Hello,
To display more of the 2 categories, you need to use a custom code to display the categories that are hidden.
.td-category {
overflow: initial;
}
Also, to change the color you need to use a custom code =>
.td-category-siblings .td-category a {
background-color: red;
color: white;
}
The code needs to be set in Theme Panel> Mobile Theme > Custom code> CSS.
Thank you!
Hello!
If your page is made with the TagDiv Composer plugin, then deactivate the Mobile Theme plugin and see the results!
Thank you!
hi
i’ve some news menu (parent category) and sub menu (sub category) under it . in mobile they don’t work correctly, they go to the desktop theme. should i create mobile theme for each sub category? or there is some way use standart option to set that view for all sub menus? my website is banker.az. how make so that, all sub categories under news category opens with same mobile view (but relevant news).
Hello!
If you use Mobile Theme without AMP, please select the option from theme panel -> Mobile theme, only mobile.
Please make sure that you have enabled the proper thumbs with these sizes in order to show the featured images properly, check this: https://www.screencast.com/t/N18dR3qZrh
After activating the thumbnail sizes you need to regenerate your thumbnails using a plugin. Check this: https://forum.tagdiv.com/using-the-theme-with-existing-content/
Thank you!
we are using a Newspaper theme version: 11.2. In our website Mobile theme hamburger menu and search not working
Please Help
https://thatsfarming.com/#
Hello,
1. As I said above you need to use a plugin to log in and register which are designed to make these changes or you create a custom function for it.
2. You can delete the social icons with tagDiv composer, also, remove the symbol from Theme Panel -> Social Networks https://i.imgur.com/2otBxg9.png
3. You can add the link in the menu, and assign that menu in Theme Panel -> Mobile Theme -> Header => https://i.imgur.com/0O0BanO.png
4. If you set a code, and after you save it this disappearing, then this issue can from an object cache, please check to see if you use some plugin that have object cache, or if you have some files with this name.
Thank you!
Hello,
I saw you have the mobile theme plugin activate, and is disabled on the homepage https://www.screencast.com/t/NbcjDjNvqRS
So, the mega menu works only on a responsive version or mobile page, mobile theme can display a simple menu without subcategories.
Thank you!
Featured image doesn’t showing top 3 post in a category on only mobile setting after I remove AMP plugin.
Each post is not assigned to mobile theme.
Actually I tried re-install the AMP plugin, but it doesn’t appear on admin dashboard.
How can I fix this problem.
I was hoping someone may be able to help with some issues I cannot resolve with the mobile version of my site.
I am using the mobile theme and have set it up as per the instructions. The first issue I am having is that my Pages (about, terms and conditions & Privacy Policy) are all showing two titles. (Please see here https://imgur.com/stcxYY5)
In editor if I remove the title from the top then the link loses it’s title, if I remove the title from the Tagdiv Composer then the Desktop Version has no Title, and if I remove it from the Mobile editor then both dissappear.
The second issue is that when in a category page on a mobile device, only two Categories show below the category you are in (please see here https://imgur.com/91vnFnm). So there are four categories in total, but only two show when you are in a category page, on the desktop version all 4 show.
The third issue is that I cannot change the category tag colour in mobile theme. I have tried changing it in the theme panel/categories section, but it remains black and white no matter what colour I set it to. The tags are red on the Desktop version, it is only in mobile theme that they remain black and white.
I would be very grateful if someone could help me resolve these issues.
Many thanks
Hello,
WP Super Cache is tested with the theme, that is why we recommend it.
Also, you can use another plugin for cache that has a cache option for mobile.
Thank you!
Hi paologalli, I understand what you mean, indeed Newsmag theme is a little limited when it is coming to edit the content and layout. Also I think that you’ll referring to an option for sticky posts, to can keep a post in the top page as long this is set as sticky. Unfortunately, our theme do not have this option, and this can be done only on responsive version by setting the post id in grid or block with tagDiv Composer.
Now a theme with the option to edit entire layout on desktop an mobile too, it is Newspaper theme, but the option with top news doesn’t exist on this theme either.
Maybe those options will be add in the coming updates.
Thank you!
Hi, Calin. We solved the errors but it didnt affect the background ad.
We did some steps, listed as below:
1. Removed all the custom css from the theme panel.
Result: background ad works but layout gets messy.
2. Deactivated all the plugins non-related to the theme.
Result: nothing changed.
3. Removed all custom ads from all the ads slots (Ads Tab / Mobile Theme Tab)
Result: nothing changed.
4. Removed all the custom JS/CSS
Result: nothing changed.
As we mentioned before, looks like this piece of css is the problem:
@media (min-width: 1180px){
.td-boxed-layout #td-outer-wrap {
width: 1071px!important;
}
.td-boxed-layout #td-outer-wrap {
position: relative;
top: 120px;
margin-bottom: 120px;
display: block;
margin: 0 auto;
}
}
Can you help us out? I can share the login credentials to our wp-admin panel.
I am Mohsin Rehman!
and I bought a Newspaper Theme that does not support a menu bar on a mobile phone.
The menu bar good work only computer screen Display but menu bar does not work in mobile Phone display Menu bar pup up is open buat not slow any Menu pages with social Icons.
http://www.mominmobile.com you check my Mobile Phone specification website on Your Mobile phone display and check the menu
I am Mohsin Rehman!
and I bought a Newspaper Theme that does not support a menu bar on a mobile phone.
The menu bar good work only computer screen Display but menu bar does not work in mobile Phone display Menu bar pup up is open buat not slow any Menu pages with social Icons.
http://www.mominmobile.com you check my Mobile Phone specification website on Your Mobile phone display and check the menu
Hello Anamaria,
As far as I know, page breaks should work on both posts AND pages. It does work on posts, but not on pages though.
Please, check https://wordpress.org/support/article/page-break-block/
If I switch to another theme (e.g. Twenty Twenty-One) the page break is displayed as expected on the page.
Any tips?
What do you mean by “do a test using tagDiv plugins”? Which plugin?
These are the plugins I have installed and active:
- tagDiv Cloud Library
- tagDiv Composer
- tagDiv Mobile Theme
- tagDiv Social Counter
- tagDiv Standard Pack
Which one am I missing?
Hello,
1. Seems the auto-loading is disabled now https://www.screencast.com/t/l1KPB2p7haV, also, for login and register I saw you created an individual page, so, you can’t change the name of pages after the user is logged in, only if you use a plugin that is designed for such a thing.
2. You can set the Google Analytics code in Theme Panel -> Analytics/Js Codes => https://prnt.sc/10jk7fq
3. To add the logo in the footer, you need to use the element header logo and set the logo.
4. To have a list of pages in the footer you need to create a menu from Appearance -> Menus with these pages, and after you can set the menu in the element called “List Menu” https://i.imgur.com/EtAXZgB.png
5. You can manage the social icons for the mobile menu from the Theme Panel -> Social Networks => https://prnt.sc/10112uu
For the content of the page, I saw you have the mobile theme plugin activate, so you need to add the content page in the mobile editor https://i.imgur.com/mxqTQgU.png -> https://forum.tagdiv.com/mobile-theme-introduction/
This is a video about Responsive Newspaper Theme, AMP & Mobile Theme, Mobile Pages & Templates -> https://www.youtube.com/watch?v=SpGkOnJeNZY
Thank you!
Hello, we want to implement in our site (https://mifamiliaviajera.com ) a pop up advertisement on amp pages. We have seen that this can be done using the plugin “AMP enhancer” our question is if this plugin is compatible with the mobile newspaper theme we are using now, or if there is another way to implement this pop up advertisement.
Kind Regards
Ana
Hi piratar, Anamaria was referring if you are using the mobile theme plugin (you do not have it activate), in that case you must use a plugin with mobile support.
I see that you are using the responsive and mobile page templates.
First, I want to make sure that I was able to inform you of all details about the mobile versions that our theme can have.
1. Responsive version, this is by default when you install the theme and you do not use mobile page or mobile theme plugin.
2. Mobile page/template this allows you to create with tagDiv Composer and cloud a different layout and set different elements for mobile and iPad/tablet and it will overwrite the responsive version.
3. Mobile theme plugin, this is a light theme version for mobile that will overwrite the mobile page and responsive version if enabled.
So when you have a mobile page/template this will be used instead of a responsive version, but if you also have the mobile theme enabled, this one will override both of them.
How to combine them? Yes, this can be possible, for example the mobile page/template will apply only on that page or cloud template that is assigned. But what to do if you want to use a mobile theme plugin too? If you use mobile theme, in Gutenberg editor it is an option to disable the mobile theme in current post/page, if you use the option, then it will be use the mobile page/template (if is assigned) or the responsive version.
So in your case you can disable the mobile theme on the homepage -> https://i.imgur.com/NX57q4t.png or if you do not want it at all, disable the plugin or use it only for amp -> https://i.imgur.com/Grlz5Ee.png.
Here is also a video that explains all those -> https://www.youtube.com/watch?v=SpGkOnJeNZY
Hope this will help you!
