- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsWhat is Ajax preloading?
Hi we are using Reel News Pro Template on our website pixelnews.ch but we have a big issue with the mobile view.
– the layout is not the same as showed in the demo – how we can change it?
– the menu bar contains a icon and wrong logo, even with uploading our logo it still remains
– we have a Hero Section in our desktop version which we really need also to be visible on the mobile version
Please advice how we can achieve the same layout for mobile as for desktop (the demo was working properly in your demo/preview)
Hello Bettina,
I have enable the WP Super Cache but the site is caching especially on mobile view.
I have enable the AMP plugin and the tagDiv Mobile Theme plugin.
Also on theme settings is enable the Mobile + AMP.
The sucuri is enabled too. Many times we clean the cache from sucuri.com and the site is loaded as we wish on mobile.
How can we avoid to clean the cache from sucuri.com daily?
Thank you.
In your editor I don’t see mobile layer after click on mobile icon. This is a problem.
Do you understand me? 🙂
How I change url facebook?
Now in facebook i have url: #
This is wrong url.
And disable other social icons?
I need only facebook.
How can I edit HTML in the mobile layer?
Hello,
You can change the color for icons using this custom code
#td-mobile-nav .td-social-icon-wrap i
{
color: blue;
}
The code needs to be set in Theme panel -> Custom code -> Custom CSS => https://www.screencast.com/t/fxetQe24ZHf
Thank you!
Ok.
I have a second question.
I have a mobile social menu:
When user clicked: https://i.imgur.com/vLpJLmp.png
WebPage show user new layer: https://i.imgur.com/RRTpnfO.png – how can i configure the area in red?
Url: http://natemat.idealsoft.pl
Your editor shows me this layer is hidden.
How can I edit the mobile layer ( this layer: https://i.imgur.com/RRTpnfO.png ) visible when I click?
Thanks for your tip!
Hi Anamaria,
Thank you for the reply!
I’ve followed your guide and fixed some mistakes. Really big help!
Post
1. Error: I’ve asked for help by email, and received support from your college Bettina. So far the post template is still not editable.
2. (solved) I’ve followed your guide, but somehow the code doesn’t work. However, it’s logical that the line icon doesn’t have to be shown on desktop. So I withdraw this question.
3. (solved) I found a plugin that can add users without email.
4. I would like to show other creators on post template, same as what “author box” does. Is it possible?
Search
1. I’d like to change the text as well as the design.
2. The first solution you’ve provided only exclude pages from live search box: https://imgur.com/x25K8WH. Pages are still shown on search page: https://imgur.com/yvaDiLc
I‘d like to exclude pages from search page. Is it possible?
Mobile
1. (solved) The problem was fixed after I uninstalled AMP plugin
Best,
Yen
Hi,
I need 4 of the tag plugins to upload to my site. I am using WP Ceber and it is requesting that I upload the plugins for integrity. The 3 plugins are tagDiv Composer, tagDiv Cloud Library, tagDiv Social Counter, and tagDiv Mobile Theme. How do I get these files to upload to check the integrity. I already uninstalled and reinstalled but it is still asking me to upload the files.
Thanks,
James
Hi,
If you create mobile templates/mobile pages you need to convert the existing header/footer like this => https://www.screencast.com/t/HrjOBNayd
Also, please provide the link to your website.
Thank you!
Hello, they’re thank you for the reply. Yes, I have my header set to global exactly how you explained it. It’s perfect on my pages but soon as I click a post the logo disappears and it shows the newspaper logo instead. I haven’t got the mobile theme activated because it messes my page up and makes it nothing how I want it. So I have it off and I created my mobile pages using the Tagdiv composer and everything is perfect apart from this logo problem when I click on post thank you
Hello,
just in case someone has the same problem, here is the solution to add Custom Post Types into the loop of AMP-Pages. Of course this has to be done after every theme-update.
In /wp-content/plugins/td-composer/mobile/functions.php add the following function:
function add_custom_post_type_to_query( $query ) {
if (is_home() || is_archive()) {
$query->set( 'post_type', array('post', 'your_CPT_name_here') );
}
}
add_action( 'pre_get_posts', 'add_custom_post_type_to_query' );
Hello Yen,
Post
1. For this error, please check this topic: https://forum.tagdiv.com/topic/error-at-zones-6models-1dom-the-model-does-not-match-the-content-currene/
2. This social sharing icon appears only on the mobile version. If you want it to be displayed on the desktop version, you need to use a custom CSS => https://www.screencast.com/t/slYFHBpS8tr
.td-social-line{
display: inline-block;
}The code needs to be set in Theme panel -> Custom code -> Custom CSS => https://www.screencast.com/t/fxetQe24ZHf
3. The authors need to be WordPress users.
4. To add a new role, you need to use a plugin -> https://www.namecheap.com/wordpress/wordpress-user-accounts/
Search
1. Please let me know if you want to change the text or design.
2. You can exclude the pages from search https://i.imgur.com/TFQ2IGH.png but you can use a plugin that can exclude only the selected page/post -> https://wordpress.org/plugins/search-exclude/
Mobile
1. Could you please elaborate on what you mean by RWD? The AMP works better only with the Mobile Theme plugin. From my point of view, if you don’t use the Mobile Theme plugin, then there is no reason or benefit to AMP. Please read all about AMP here: https://forum.tagdiv.com/tagdiv-amp-plugin-tutorial/
It comes with its own templates/design for page, post, category, etc so your current templates from the desktop theme will get converted to the mobile theme layout. Documentation here:
– https://forum.tagdiv.com/the-mobile-theme/
– https://forum.tagdiv.com/mobile-theme-introduction/
Please read all about AMP here: https://forum.tagdiv.com/tagdiv-amp-plugin-tutorial/
Note that you can not customize AMP so much, because it comes with its own design.
There are some settings in the Theme panel -> Mobile Theme and Dashboard -> AMP only.
You can not add a shortcode as in the TagDiv Composer. Please note that you can’t customize the AMP pages with the TagDiv Composer.
Make sure the redirect mobile visitors to the amp option is disabled.
Thank you!
Hello tagDiv team,
There are several problems I’ve encounter with the theme that require your help.
website: https://staging3.canopi.tw
Post
1. Error: I cannot edit the post template due to the error “Errors at columns elements: 2(models) : 1(dom). The model does not match the content Current state has involved an issue. You could try an UNDO operation (CTRL+Z / CTRL+SHIFT+Z)”.
2. Social share “line” icon doesn’t show
3. Can I add authors who are not WordPress users?
4. Is it possible to add different types of creators, such as photographer, designer etc.?
Search
1. How can I customize “no posts to display” page?
2. How can I hide pages from search result page?
Mobile
1. The tagDiv mobile plugin has been uninstalled. I only set RWD to fit mobile screen. But when I check on mobile device, sometimes it appear with weird layout, with the button ‘exit mobile version’ on the bottom. When I click it, it led me to the RWD version. Is it possible to not show the mobile version option at all?
Thank you in advance!
Yen
Hello!
Unfortunately, you can not filter which type of posts to display in the Mobile Theme layout.
Thank you!
Hello, I’d like to revive this with a problem related to breadcrumbs.
Breadcrumbs on mobile are showing: front page > category and on desktop they’re showing front page > category > article title.
How can show the full breadcrumb on mobile, as it is on the desktop version ?
I’m using the latest version of the Newspaper theme with the Standard Pack.
Thanks.
Hello,
I have a custom post type “podcast”. On the AMP version of the startpage those CPT is not displayed in the latest post list. I have AMP plugin installed and use the mobile theme for AMP pages. How can I enable CPT in that list?
https://www.literaturcafe.de/?amp=1
AMP (Accelerated Mobile Pages) is an optimised website page format for mobile devices. AMP pages are designed to provide accelerated page display on mobile platforms. There are several plugins that automate this. In practical terms, it is an automatically generated, slimmed-down version of your website.
It was also practical for a long time, as AMP pages ranked better, but the advantage is now gone.
Hello!
In the TagDiv Composer, you have the possibility to hide an element on the desktop and tablet viewport: https://www.screencast.com/t/YUVUcyrgh and show it only on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB. This setting can be seen in the CSS tab of every element: [Display: HIDDEN]. Or, you can create a mobile page which can be different from the desktop version: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/
Thank you!
Hello!
For the mobile version, we have 3 options. The best one depends on each user. You can choose to use whichever one is more affordable and useful for you.
A full explanation you can find here: https://www.youtube.com/watch?v=SpGkOnJeNZY
The best and newest feature is the mobile pages, which are 100% customizable and work as you want.
For example, if you need to have AMP, then I recommend the Mobile Theme plugin. Please see https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/ for more information.
Thank you!
Hello!
I’m sorry to hear about this. Please note that every page speed needs some improvement, and it is not enough to install a plugin alone because there are many factors which can affect your page speed quality.
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.
Every code is needed for your great design of the page. It depends on what and how you insert the content and how many elements do you use for that page.
Unfortunately, we can help you only with some advice. Please note that page speed is not covered by the support team: https://forum.tagdiv.com/newspaper-theme-support/
Thank you for understanding!
Hi there,
I want to show review category blocks only for mobile users. How to do it?
Hello,
Please check if you have set the header to be global from Manager (Website Manager) – Header -> https://i.imgur.com/OX5p6ty.png
Also, for mobile please let me know if you have the mobile theme plugin activated, if yes, and you want to use it, to set the logo you need to go in Theme Panel -> Mobile Theme Header -> https://i.imgur.com/Vv4BpE1.png
Also, please check this topic where I explained each mobile version -> https://forum.tagdiv.com/topic/mobile-version-not-working-properly-2/ and choose what mobile version you want.
Hope this helps you!
Thank you!
Hello!
You are not wrong. We have clients who have a 100 % pagespeed score with our theme, but it will require a little bit of interest in optimizing. Our developers are working hard to improve the page speed in every update, so make sure you use the latest update.
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.
Please note that every page speed needs some improvement and it is not enough to install a plugin alone because there are many factors which can affect your page speed quality.
Thank you for understanding!
Hello!
Please edit that page and enable the Mobile theme toggle: https://forum.tagdiv.com/mobile-theme-introduction/
Note: This Mobile Editor does not recognize a page builder so the tagDiv Composer shortcodes cannot be rendered. So, if the page is made with the TagDiv Composer, then you can not have the Mobile Theme layout.
Thank you!
Hello,
The mobile pages are empty because you are using the mobile theme with amp, and when you are using the mobile theme this will overwrite the responsive version to make it faster the pages need to be made using the mobile editor -> https://i.imgur.com/bK2ykfh.png (because most of the time those are made using builders).
What you can do is to set a mobile content for those pages, or use the mobile theme with amp only for posts -> https://i.imgur.com/PM9X2ln.png
Also, please check this topic where I explained each mobile version -> https://forum.tagdiv.com/topic/mobile-version-not-working-properly-2/ and choose what mobile version you want.
Thank you!
