- NewspaperThe Newspaper Mobile Theme: Introduction
- NewspaperThe Mobile Theme
- NewspaperModules Builder in Newspaper Theme
- NewspaperNewspaper theme documentation
- NewspaperTheme Colors Introduction
- NewspaperWhat’s Included in the Newspaper Theme Package
- NewspaperFilters and sorting for taxonomies
- NewspaperHow to Add a Logo in Newspaper
- NewspaperBig Grid Flex Settings
- NewspaperHeader Builder
- NewspapertagDiv AMP Plugin Tutorial
- NewspaperBest Of Forums
- NewspaperCache plugin – install and configure
- NewspaperFont Customization
- NewspaperBackground Introduction
- NewspaperHeader ads
- NewspaperPost template ads
- NewspaperCustom ad spots
- NewspaperMain Menu
- NewspaperHow to Install Newspaper via FTP
Hello !
Unfortunately on mobile theme you cannot do much changes of design. The Mobile theme was specially designed for optimization on mobile devices.
If you want to have the same design as on desktop mode you can achieve that by simply disabling the mobile theme.
Thank you !
Hi,
I see the mobile header like this – http://prntscr.com/nmauvl
If you want to change the colors, the settings are here – http://prntscr.com/nmav35
So when the mobile theme plugin is active, it will have it’s own color settings in Theme panel->Mobile theme.
I checked a post from your website, to see if the twitter share button appears. For me it appears in both android phones with Chrome and iphones with Safari. It is unusual if it wouldn’t appear in some iphones, maybe it is a caching issue.
Thanks
Hi,
How can I translate “latest articles” and “related articles” in the mobile theme?
It could be done for the mobile theme, but only with CSS, there are no font settings for the mobile theme as most are predefined. These are the values used by default
– http://prntscr.com/nmbcyy
You can add more to the code from above with the color – http://prntscr.com/nmbdti
.td-post-content blockquote p {
color: #dd3333;
font-size: 15px;
text-transform: capitalize;
}
If you need help let me know.
Hi,
Please try this custom css
.td-js-loaded #td-mobile-nav{
position: fixed;
}
.td-search-icon {
right: 50px;
}
Add the code in Theme panel>Mobile theme>Custom css
-> https://www.screencast.com/t/v2GaNHmJr
Thank you!
Hi,
In order to add some custom php code in post , you need to edit the loop-single-n, n is for the number of the template that you are using, for example if you are using post template 1 you need to go in plugins/td-composer/legacy/Newspaper/parts/single/loop-single-1.php
-> https://www.screencast.com/t/eCPWKrIl2
This settings will apply on responsive version too, but if you use mobile theme you’ll need to make this changes in plugins/td-composer/mobile/single.php too.
Hope this will help you!
Thanks.
Darn, I meant to title this as “Where can you change Mobile Theme FOOTER elements”
You need a mobile browser to view what the mobile theme looks like. I have yet to be able to find out a way of previewing it at all. I just enabled the mobile theme, turned it on in the settings, and then started using it. You can also see it in action using development mode of Chrome and selecting the “mobile” icon which will make Chrome appear to be a mobile device to WordPress. That’s useful for debugging and looking at css. You have to reload your web page after you turn the Chrome page into a mobile setting.
Also, you have to remember to put custom css code for the mobile theme into the special mobile theme custom css code area, not in the regular custom code area.
I recently downloaded the Newspaper theme update that now provides the Mobile Menu theme. The new mobile template is showing up, and the three lines where the drop down menu should be are showing up, but when I click them nothing is happening. I have double-checked and have the correct menu selected in the theme editor.
My website looks the exact same before I enable the mobile theme and after it.
Also, will it load all of my CSS and custom code? Will it keep all of my color settings and such?
What is the downside to using the mobile theme?
Hey guys.
I’m running a localhost installation of Newspaper 8.7. I have installed the Mobile theme plugin.
Can you please explain in simple terms where can I preview the mobile version of my website and how can I edit it?
I have read pretty much every tutorial here on the Mobile theme plugin and I’m sorry to say that I’m still none the wiser.
Many thanks,
Nikola
On my site: https://rsfpost.com/
I’m using the mobile theme, and for the life of me I can’t find how to change the mobile theme footer. I don’t even know where the disclaimer at the bottom comes from since it is a different disclaimer than I use for my main theme (non-mobile). I use the widget area of WordPress to change the main theme footer. But where are settings (heck, I’d even change code) to modify to mobile theme footer?
Hi,
Unfortunately, the AdRotate plugin has not been tested with our theme and therefore, we cannot say for sure if it will work or not as expected with the theme, sorry! Also, we cannot provide support for untested plugins.
This is our list with tested plugins with our theme -> https://www.screencast.com/t/cmPkh9jba4sZ
Check the plugin settings for mobile device ->https://ajdg.solutions/support/adrotate-manuals/mobile-adverts/
Thank you!
Hi,
Also use the AMP option from mobile theme -> https://www.screencast.com/t/1pLjSDrg5
You need to go in -> plugins/td-composer/mobile/style-amp.css
Thank you!
Hello !
Sorry for misunderstanding your issue. To find header.php in mobile theme you have to edit the tagDiv Composer Plugin. To do that you go to: Plugins – Plugin Editor and follow the steps in this picture: https://www.screencast.com/t/1gRkS5qdorl7
Thank you !
Hi,
Unfortunately that is not possible currently, once activated the mobile theme will apply to the whole website.
When paired with the AMP plugin it can be made to apply only on AMP pages – http://prntscr.com/nlzj8r so it will be displayed only for visitors reaching AMP pages. The rest of the visitors will see the default responsive version.
But to be able to specify pages for which the mobile plugin to not apply, is not possible at the moment. Sorry for the inconvenience.
Thanks
Hi,
1. There are font settings for the blockquotes in the theme panel, you can use those to customize them in general – http://prntscr.com/nlzalv
2. The color of the text can be changes as you write the post
– http://prntscr.com/nlzb50
Each blockquote can have it’s own color. On the other hand, to color them all at once use this setting – http://prntscr.com/nlzcl4
If no color is set in those locations they will inherit the theme accent color
– http://prntscr.com/nlzbzd
3. The theme ads a few styles for quotes – https://forum.tagdiv.com/post-formats-for-tinymce/ (check point 3) but you could create your own with CSS for them, like in this topic for example – https://forum.tagdiv.com/topic/how-to-create-this-type-of-block/
On mobile the same settings should apply. Unless you use the mobile theme, then they will have the color set in the mobile theme accent color – http://prntscr.com/nlzge5
If you don’t want to change the mobile theme accent color, and wish to color only the blockquotes, you can use some CSS – http://prntscr.com/nlzh6t
This code can be entered in the mobile theme custom CSS section
– http://prntscr.com/nlzhhj
.td-post-content blockquote p {
color: #dd3333;
}
Please let me know if you have more questions.
Thanks
Hi there! Thanks for your great wordpress theme.
I am using Newspaper together with the AdRotate Plugin and have an issue with the mobile version of the page. https://www.kaiserwinkl-aktuell.at/ It’s all about the header ad (group). Desktop is fine, but when you have a look at this page on a mobile device, the header ads are jumping when it is rotating every 4 seconds.
I spoke about this issue with the plugin guys. They said:
That’s likely due to the size setting of 728×90. But a quick peek at the code also suggests your theme does all kinds of responsive things to the header. So there may be a relation there also. It only happens for the smallest variant at 468x60px as far as I can see.
Can you help me with this? Do you have an idea how I can solve this?
Thanks in advance.
Hi,
The mobile theme is a plugin that provide you a better speed then responsive version of theme, but in order to achieve that speed you’ll need to create a new content for pages because in the most of cases those were made with builders ( tagDiv Composer, WPBakery ) and you need to use only the mobile editor ( you need to set the content for pages in mobile editor and this content will be display on mobile theme)
-> https://www.screencast.com/t/ebUIzt4se
If you want the responsive version and amp you should use this opinion -> https://www.screencast.com/t/jZct5ueBqOrb but if you have amp activate on pages you’ll need to create in Mobile editor a content for AMP version of page.
Also please check our documentation for Mobile Theme: Automatic Optimization for Mobile with Newspaper Theme -> https://tagdiv.com/mobile-theme-automatic-optimization-for-mobile-newspaper-theme/
Also for the 3 blocks, for those you’ll need to have set seam feature posts (that have set feature category) -> https://forum.tagdiv.com/featured-posts-2/ -> https://www.screencast.com/t/QsJ6ppY4
You’ll need to add some posts in feature category -> https://forum.tagdiv.com/featured-posts-2/ if you do not have this category you can create it, just make sure that you set the category name to be
Featured
Let me know if you have more questions!
Hi there! I am using a user management plugin. With mobile theme enabled, the login and registration pages break or won’t show up. Other than this, everything works just perfect.
I wanted to know if there is a possibility to turn off the mobile theme for specific pages.
Thanks in advance!
Hello,
Since last weekend our mobile theme background has changed color, we had set it for blue but now where the logo is on the top and bottom banner on mobile it is black (dark grey) and we can not find where to change it back.
Also, for some reason some iOS devices do not display the twitter icon on mobile, some do, android seems to be fine. Is there a way to always have Twitter icon displayed on all posts?
Thank you!
Dear Vlad,
I make sure I have installed the mobile theme and make it active already. Please help to check. Any information needs to provide for checking. Thanks.
Gavin
Hello !
It appears that you have Mobile Theme active and that’s why you will see another version on mobile. In order to de-activate the mobile theme you have to go to Newspaper – Plugins and de-activate it like here: https://www.screencast.com/t/aWFT8lMgjHO
Thank you !
That video is made with a mobile, that is how it works for me. I also checked again with a mobile phone, it is the same as before. The images load when they are in view and you get to theme by scrolling.
There still is a lazyload active from what I can see – http://prntscr.com/nlveby Maybe you did not clear the cache if you use caching.
I also checked again with a mobile phone, it is the same as before. The images load when they are in view and you get to theme by scrolling.
What if you disable the jetpack photon? Does it affect this issue in any way?
– https://jetpack.com/support/site-accelerator/
Maybe this is causing the slow down, by converting the images as webp, can’t say for sure how it works
– http://prntscr.com/nlvhzd
I’ve just updated the theme today and I managed to insert de auto ads only on the desktop version. I can’t find the mobile header in order to insert the codes! Where is it?