- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsWhat is Ajax preloading?
I recently activated StackPath CDN. Unfortunately, when it went live,it seem to have broken the mobile theme. The mobile version now displays on desktops. I have disabled the mobile plugin temporarily.
Hello Vlad,
Thanks, it helped a lot. I did not know that I could disable mobile theme for certain pages. Thanks!
Hello, I’m trying to figure out how to specify different article excerpt lengths based on the device (desktop vs mobile vs tablet, etc.).
Many aspects of the styling and format are editable based on device, but article excerpt length seems to be set across all devices with no option to differentiate. Am I missing something here?
Thanks in advance.
BRS
Hello !
If you are using plugins / builders on those pages you will have to disable the mobile theme over them. If you are only having text and images you can use the Mobile editor which can be found at the bottom of every page when editing it.
Thank you !
Hi,
The mobile theme homepage will always be displayed when the mobile theme is active, if the homepage is not excluded from the mobile theme however, that can be done like this https://prnt.sc/ubg67n
So you could exclude the homepage from the mobile theme, and display the desktop page instead. The option is available for pages and posts.
The mobile homepage will show a top grid which has these settings https://prnt.sc/ubg4gy
Below that there will be a latest articles section which has these settings https://prnt.sc/ubg4xq
Thank you!
Hi,
While editing the header template in the composer, please select the mobile header in the header manager https://prnt.sc/ubfx3k
The mobile header zone settings will appear on the left, in the CSS tab check if there is a margin bottom of 35px set there https://prnt.sc/ubfy5i
If there is, remove it.
Let me know.
Thank you!
Hello,
We have developed most of the pages on our site with cloud templates. These pages, which look exactly the way we want in the desktop version, unfortunately do not look good on mobile devices.
While we design these pages with tagDiv composer, we cannot design the mobile version of the same page separately.
Question: How can we use the mobile version of the homepage and other pages in a different visual without using the “tagDiv mobile theme” plugin? How can we do this, at least for the home page? We can design a separate home page for mobile only, but how do we ensure that this page is fetched on a mobile device when accessing our site from a mobile device?
Of course, the most useful thing would be to add a feature to the tagDiv composer that can design the same page separately for mobile devices.
Thank you in advance for your interest and help.
Regards.
Hello, Thank you very much. The CSS code for the categories colour worked. That is solved.
Main website:
1)Can you please tell me how I can make one more small change to the page.
Currently, the page looks like this. https://snipboard.io/Lx87Hf.jpg
However, can you make it look similar to the other pages? https://snipboard.io/M0Eb1Z.jpg Please check the image.
2) I have added the newsletter plugin as per the instructions. However, it looks really odd. Please take a look https://snipboard.io/sYnzlB.jpg
On the website you say that there are 8 different styles of newsletter. How I can change or view the available different styles of this newsletter plugin? Something like this https://snipboard.io/mXqauS.jpg or better?
Now, thanks for the CSS for the fonts of the mobile theme. It worked perfectly. Thanks.
Now, if not much can be done in the mobile theme then please tell me.
1) Is it possible to display articles category wise? I mean, currently it displays all the featured articles. however, can it display 3 articles from each category?
Simply, I want that instead of featured articles on the top, the theme display 3 articles from each category with a title of the category before showing the articles. The title can just act like a separator of a articles from different categories. And a button at the end of the 3rd articles “More articles” to take the user directly to the category page.
2) I just wish to change the way the latest articles section looks. Right now it looks something like this : https://snipboard.io/N0ElaG.jpg
Can you make it look like : https://snipboard.io/R1DNY2.jpg
As of now this much for the mobile theme.
Hello,
Thanks for your reply. However, my question was a little different. On the mobile theme I can view the content of the post but not of the page.
So, I have to disable the mobile theme for all the individual pages whose content is not visible? Is that you mean to say?
Mobile theme cannot display the content of the pages?
For example, my privacy policy page is not a post it’s a page. But when I try to open my privacy policy page on mobile, I see nothing. It looks like a blank page. How to fix this?
And if I disable the mobile theme then is it possible to hide certain blocks for mobile phones from the home page? Only hide for mobile?
Hello !
The Mobile theme was specially designed for optimization on mobile devices. Unfortunately on mobile theme you cannot do much changes of design. If you want to have the same design as on desktop mode you can achieve that by simply disabling the mobile theme.
You will have to recreate your pages into the Mobile editor or completely disable the mobile theme. The mobile editor will not render shortcodes !
Also you can disable mobile theme on certain pages or posts by following this setting: 
Please take a look here: https://forum.tagdiv.com/the-mobile-theme/
Mobile theme plugin can be disabled from Newspaper Plugins as you can see here: https://www.screencast.com/t/LnkZCEVC
Thank you !
Hello !
Please send us a screenshot of where you are inserting the CSS Code, as you can see here, the codes work: https://www.screencast.com/t/gOZZBfT9Pze
For the mobile theme. Unfortunately in terms of customization, there isn’t much. Almost everything is done through CSS, We can help you as long as we keep it to small codes, like doing small adjustments.
1. The homepage of Mobile theme will be composed only by the latest articles and the grid that can be found in Theme Panel – Mobile theme.
2. That can be done from here: https://www.screencast.com/t/z7wLpcUP2
3. Only through CSS, let us know what you are looking to achieve and we will see what can be done.
4. Please try this css and let us know: .td-post-title .entry-title{
color: #00239C;
}
.td-post-content p {
color: #444444;
}
.td-post-content blockquote p {
color: #5F4B8B;
}
.td-post-content h1,
.td-post-content h2,
.td-post-content h3,
.td-post-content h4,
.td-post-content h5,
.td-post-content h6 {
color: #F95700
}
The code must be inserted here: https://www.screencast.com/t/VztIzpaqKDn
Let us know the results.
Thank you !
Hello everyone,
Is there a way to display a default (like when there is no mobile theme) homepage when mobile theme plugin is on?
I would like all posts to be displayed through the mobile theme plugin except only for the homepage and maybe category pages as well. Thanks
I am using mobile theme for my posts. I want to activate automatic pagination so that user will get next post automatically loaded on scrolling. Is there any option available for it?
Hi, as topic title said, In AMP view, my artcals are not showing thumb pics in category view. For example… https://physiobook.com/test/physical-therapy?amp . Mobile and desktop version is ok. I tried lot of things but I don’t know what can I do more.
I wonder also why I cannot remove amp view completely and keep only mobile which is better for me. If I tried to disable amp application, nothing happened. Sometimes it load amp sometimes mobile.
This is still my test site and that is why is in subdirectory.
Just for the record, I see no improvements in WP 5.5.1.
1) Still can’t have both Settings and Blocks Library open at the same time (using MacBook Pro 15″)
2) Paragraph still doesn’t automatically recognise pasted HTML code. Elaborate steps are needed to achieve what used to take one pasting keystroke.
3) Default block colours remain changed, arbitrarily.
4) Still only previews in desktop mode, though it shows tablet and mobile views in editor, which is pointless. And of course takes 3 clicks (open dropdown, select open in new tab, click elsewhere to close dropdown). Can’t they at least make dropdown close automatically?
5) No change
6a) No change, doesn’t preserve Most Used Blocks outside current edit
6b) Ok, though can’t see point of design change.
Still, overall with 5.5 WP have created a lot more work for users. Not Newspaper’s problem, of course! Unless there are compatibility issues.
Thanks
MG
Hello.
My website is http://www.4xliving.com
I have enabled Mobile+AMP setting in the theme panel.
However, with this option, I am not able to see any of the content in the “contact us, about us, privacy and other pages” However, you can see the content using a laptop.
If I enable the AMP only option then I am able to see the content of the pages. However, the “Home page” looks horrible. Please help me fix this.
Note: I am not able to view the content of the pages. I can view the content of the post.
Either help me view the content of the other pages or help me fix the home page for mobile theme.
Hello !
The Mobile theme was specially designed for optimization on mobile devices. Unfortunately on mobile theme you cannot do much changes of design. If you want to have the same design as on desktop mode you can achieve that by simply disabling the mobile theme.
You will have to recreate your pages into the Mobile editor or completely disable the mobile theme. The mobile editor will not render shortcodes !
Also you can disable mobile theme on certain pages or posts by following this setting:
Please take a look here: https://forum.tagdiv.com/the-mobile-theme/
Mobile theme plugin can be disabled from Newspaper Plugins as you can see here: https://www.screencast.com/t/LnkZCEVC
Thank you !
Hello, I am sorry to say but the code is not working. I pasted the code in the theme panel as well as in the home page CSS section as well. However, no effect at all. Please tell me where to paste it?
https://snipboard.io/o3DScu.jpg
Please check the screenshot.
4 and 5 also fixed. Thanks
Now, as everything is almost sorted please help me with the mobile theme.
Is there a way to edit the mobile theme? I saw the setting but there are not much options available to change the mobile theme.
I noticed that if I use AMP then my home page is displayed as it is. However, if I switch to Mobile+AMP or only Mobile then my front page on mobile is different with only two options. “Featured articles and latest article”
Now my concerns.
1) Is it possible to hide some sections or block from the home page only for the mobile?
If yes then please tell me how?
If no, then please help me with below modifications.
1) How I can display the categories on the home page?
2) If I can only display featured and latest articles then help me increase the number of displaying article to more than 6. 6 is not sufficient.
3) How I can change the style of the “Latest articles” block?
4) I need CSS code for the fonts.
POST TITLE COLOR : #00239c
POST TEXT COLOR : #444444
POST H1, H2, H3, H4, H5, H6 COLOR : #f95700
POST BLOCKQUOTE COLOR : #5f4b8b
That’s all.
Hi,
A link to the website would have been helpful. That issue in most cases is related to the caching used. What caching are you using? We recommend the super cache with these settings https://tagdiv.com/wp-super-cache-plugin-install-and-configure/ The super cache has a dedicated setting for using a mobile theme.
If it is not possible to use the super cache, check if the cache plugin you are using has any similar settings, for using a mobile theme.
Thank you!
Hello,
After publishing a page with code [pms-register] (paid members subscription plugin) it is being shown and works great in desktop devices, but It wont show in mobile devices. After deactivating mobile theme plugin it works. My question is how to force this page to show its content in mobile app, because our website looks 10x better with mobile app.
Is it possible to achieve?
Thanks!
Hello !
What exactly is the issue ? In order to activate the mobile theme follow our guide here: https://forum.tagdiv.com/the-mobile-theme/ and for the AMP our guide is here: https://forum.tagdiv.com/tagdiv-amp-plugin-tutorial/
Thank you !
Hello !
The Mobile theme was specially designed for optimization on mobile devices. Unfortunately on mobile theme you cannot do much changes of design. If you want to have the same design as on desktop mode you can achieve that by simply disabling the mobile theme.
You will have to recreate your pages into the Mobile editor or completely disable the mobile theme. The mobile editor will not render shortcodes !
Also you can disable mobile theme on certain pages or posts by following this setting:
Please take a look here: https://forum.tagdiv.com/the-mobile-theme/
Mobile theme plugin can be disabled from Newspaper Plugins as you can see here: https://www.screencast.com/t/LnkZCEVC
Thank you !
Hi,
I believe you are referring to this space https://prnt.sc/ua1uas There is a 10px margin there for the modules one the sides, modules 1.
You could work with pixel values and take into account that margin, for example https://prnt.sc/ua1wyr – https://prnt.sc/ua1x9j That should work fine.
Regarding the row marginm what you try to do is to set a negative margin bottom for the grid (-48) https://prnt.sc/ua249n and a margin bottom for the row https://prnt.sc/ua24ks (48) For mobile set the grid margin to 0. That should work. Let me know.
Thank you!
Hi,
The post sidebar will appear on mobile, on the bottom of the page. I have checked one of your posts, I see you have entered a custom HTML widget in the sidebar https://prnt.sc/ua14yo
I also see that in the code you entered in the custom HTML widget you may have used the class specially created to hide the content on anything else than desktop https://prnt.sc/ua15df
Please check the code entered in the widget, remove that div with the class if its there, and the widget should be displayed on all devices as a result.
Thank you!
Hello !
The Mobile theme was specially designed for optimization on mobile devices. Unfortunately on mobile theme you cannot do much changes of design. If you want to have the same design as on desktop mode you can achieve that by simply disabling the mobile theme.
You will have to recreate your pages into the Mobile editor or completely disable the mobile theme. The mobile editor will not render shortcodes !
Also you can disable mobile theme on certain pages or posts by following this setting:
Please take a look here: https://forum.tagdiv.com/the-mobile-theme/
Mobile theme plugin can be disabled from Newspaper Plugins as you can see here: https://www.screencast.com/t/LnkZCEVC
Thank you !
