- NewspaperThe Newspaper Mobile Theme: Introduction
- NewspaperThe Mobile Theme
- NewspaperModules Builder in Newspaper Theme
- NewspaperFilters and sorting for taxonomies
- NewspaperHow to Add a Logo in Newspaper
- NewspaperBig Grid Flex Settings
- NewspaperHeader Builder
- NewspapertagDiv AMP Plugin Tutorial
- NewspaperNewspaper theme documentation
- NewspaperBest Of Forums
- NewspaperCache plugin – install and configure
- NewspaperFont Customization
- NewspaperTheme Colors Introduction
- NewspaperBackground Introduction
- NewspaperHeader ads
- NewspaperPost template ads
- NewspaperCustom ad spots
- NewspaperMain Menu
- NewspaperHow to Install Newspaper via FTP
- NewspaperHow to Install Newspaper via WordPress
will it work in mobile+amp as well if i use cloud library
Hi,
Do you use the mobile theme and have this option set -> https://i.imgur.com/XIGSvl8.png or do you have only the amp plugin activated?
Thank you!
Hi Bettina,
Thanks for sharing those details.
I don’t like overloading the site with extra plugins so my expectation is just to use the same site theme for cross-devices.
What I noticed in method 1 above for the Lifestyle Pro theme, the primary menu doesn’t appear as shown in the screenshot I shared earlier. Pls guide how to make this visible for all screen sizes.
FYI, I have installed the mobile theme plugin. Then under Theme Panel > Mobile Theme > Header > MAIN MENU > selected the same menu that appears on the desktop site. But still doesn’t show any. See here https://paste.pics/f6652c91b63ea3721f356ab38fbe07c7
The site is on the local wamp server.
Hi,
For the mobile background color, what I can suggest is to clear the background color from the theme panel – https://i.imgur.com/tbHbRIu.png and try to use a background – image – https://i.imgur.com/DIKZcmT.png or an alternative will be to set the background image using a custom css that will be add in the body content to be used only after the content is loaded.
I understand, not really for the moment flex blocks do not allow selecting a different image size for the mobile version, this problem can be solved using a mobile page template for the single element and change only the essential elements, such as the thumbs – https://prnt.sc/hpBWwXASLeF9 – https://i.imgur.com/9qRH9JA.png convert header and footer too – https://prnt.sc/ASiv_cYqALhq – https://i.imgur.com/UXw4W7e.png
Thank you!
I use mobile theme and the option is set to amp since day 1.
Hi,
Do you use the mobile theme and have this option set -> https://i.imgur.com/XIGSvl8.png or do you have only the amp plugin activated?
Thank you!
Hi nbastreetbets, I checked your website and this is not looking ok on both desktop and mobile and the same content is displayed. Maybe before the mobile theme plugin was also enabled.
Thank you!
Hi chrisfoxatx,
1. For the size of the images you have, you have perfectly selected the thumbs to use – https://i.imgur.com/UM6OgFa.png They work like this after they are activated in the theme panel, these thumbs are created for each image that is loaded in the media, now the problem is with the ones that are already loaded, for these, you have to use a regeneration plugin that should resolve the problem with the retina resolution.
Normally when you select that thumb, for example, 696×0, the thumb with the size 696xauto and retina size will be used instead of the original image.
2. You should use the retina option for all 3 sizes of thumbs you use, this way you will get the best result on both windows and retina (don’t forget to regenerate the images if these options were not selected from the beginning, i.e. before adding the images to the media, and when regenerating select delete all thumbs and regenerate new ones).
3. When you edit the flex element with tagDiv Composer you have the option to select the size of the thumb, as a suggestion I recommended using a middle size because it cannot be adjusted per viewport, it can only be changed if you use the mobile page template.
Also, if the retina thumb is selected in the theme panel and the image has been regenerated, when you select, for example, the 696×0 thumb on windows, the retina thumb corresponding to the 696×0 thumb will be automatically used when a retina device is used.
4. Unfortunately here I can not suggest the best of all with the theme, but a plugin that is ok with the theme is EWWW Image Optimizer , but I have seen many users who also use Smush and Imagify.
I hope this will help you!
Thank you!
Highly optimized and clean responsive design theme gets me 84 on Google PageSpeed mobile, but Speed Index (4.7s) and LCP (3.6s) is not good.
I can’t get find a way to reduce the unused (theme?) CSS/Javascript (1.2s) so I’m trying to optimize these:
1) Defer offscreen images 0.35s on <div class=”td-menu-background” style=”visibility:hidden”>
This is the background menu/search image on the mobile viewport:
Lazy Load settings/plugins for some reason won’t defer it.
How to defer it?
2) Efficiently encode images 0.25s on <div class=”tdb-featured-image-bg”>
The featured image is shows full desktop size on the mobile viewport:
On a desktop I show the 1920×0 version, retina quality for devices that support it.
The mobile viewport is showing the same big size, not a smaller version.
How to fix this? Maintaining separate mobile/stale AMP templates is not cost-effective/productive for most of us.
I deleted the mobile home page . All of the pages are now not matching the desktop and tablet views. I don’t understand why my desktop and tablet is updated but mobile view will not update.
I’m unable to update the mobile header for various pages on my site. The mobile home page looks correct and all other pages should look like the mobile home page. I’m having trouble updating the following pages with the goal of getting them to look like the mobile home page : nba slam dunk pick of the day, news , rumors, controversy.
my url is http://www.NbaStreetBets.com
I have it already disabled. And even if it was ON it will redirect to the amp as it says “mobile to amp.”
But in my post, I wrote that amp gets redirected to non-amp when I refresh the page. The option you mentioned does the opposite.
Solved! When I unpacked the header menu Sticky, I saw the mobile menu.
By the way, can’t both PC and mobile menus be fixed?
hello. I can see it fine on PC, but the top menu is gone on mobile.
When you first enter the mobile, it appears for a moment and then disappears.
Hello!
We have 3 options for mobile versions that you can use:
1. Responsive version: A responsive version of your website looks similar to the desktop version. TagDiv Composer is used to edit the page.Click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB. There, you can see your mobile version and edit or adjust the elements to look better.
2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages
3. Mobile theme plugin: The Mobile Theme is a performance-optimized theme included in the main Newspaper theme that only loads on mobile devices. It comes with its own templates and designs for pages, posts, categories, etc., so your current templates from the desktop theme will get converted to the mobile theme layout. Please see https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/ for more information.
A full explanation is here: https://www.youtube.com/watch?v=SpGkOnJeNZY
If you need to use the mobile version 1 or 2, then you need to disable the Mobile Theme plugin.
If you want to keep the mobile theme plugin, then you should choose the menu from here: https://prnt.sc/qOxOPNs-wZhj
Thank you!
FYI, I have installed and activated Mobile theme too.
Ref. attached screenshot, the header menu doesn’t appear on mobile screens, how can I make it available as a dropdown for mobile devices?
Need assistance. Thanks.
Hi,
Using our theme you can choose from 3 mobile versions
-> mobile responsive => https://www.screencast.com/t/oJ2ShOp47
-> mobile theme plugin => https://forum.tagdiv.com/the-mobile-theme/
-> mobile page => https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/
If you created the mobile pages with tagDiv Composer, then when you install the Mobile Theme plugin, your pages will be overwritten by the plugin (the mobile theme comes with its 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)).
This is a video about Responsive Newspaper Theme, AMP & Mobile Theme, Mobile Pages & Templates -> https://www.youtube.com/watch?v=SpGkOnJeNZY
So, the mobile responsive is what you see then that you select the viewport on phone => https://www.screencast.com/t/matV17hH, so some settings may apply for each viewport(where is the border blue), and others are not(where the border is black).
The mobile page has the mobile templates from Cloud Library => https://www.screencast.com/t/YCcZ8rL8
Mobile responsive version of the theme and the mobile page editor can be edit with tagDiv Composer, the mobile theme plugin not.
For example, you can have the mobile theme plugin activate and use the mobile page/mobile responsive version for the homepage/pages, but for the categories pages/404 page you can’t use the mobile page/mobile responsive version if you have the mobile theme plugin activate.
So, if you want to design the pages with tagDiv Composer, you can use the mobile page or mobile responsive version.
Thank you!
Hi! Can I customize the front page if I activate tagDiv Mobile Theme plugin?
For example, I need 5 articles from one section, then 4 articles from another section.
Now I see that only the option Latest articles is available for the front page with tagDiv Mobile Theme plugin.
Hello @danapradana49!
You should click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB and place the ads also in the mobile header.
We have 3 options for mobile versions that you can use:
1. Responsive version: A responsive version of your website looks similar to the desktop version. TagDiv Composer is used to edit the page.Click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB. There, you can see your mobile version and edit or adjust the elements to look better.
2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages
3. Mobile theme plugin: The Mobile Theme is a performance-optimized theme included in the main Newspaper theme that only loads on mobile devices. It comes with its own templates and designs for pages, posts, categories, etc., so your current templates from the desktop theme will get converted to the mobile theme layout. Please see https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/ for more information.
A full explanation is here: https://www.youtube.com/watch?v=SpGkOnJeNZY
If you need to use the mobile version 1 or 2, then you need to disable the Mobile Theme plugin.
Thank you!
For the header section of the front page, I can place regular ads as I expect by selecting the default CLOUD LIBRARY TEMPLATE pro, but there is a new problem, which is that ads don’t appear on the mobile display in the header section, do you know how to fix this?
I cleared cache and now able to see the exit mobile site button. But when I click it, its still loading amp site.
Hi,
I saw that you use mobile theme, to assign a menu, please set it in Theme Panel -> Mobile Theme -> Header -> https://i.imgur.com/umTPFTr.png
Thank you!
Hi,
Please disable the redirect from the mobile version to amp -> https://i.imgur.com/xJSvN1r.png
Thank you!
Hello,
Unfortunately, you can add only using cloud templates. This option works only for cloud templates, it does not work for standard templates, nor for mobile +amp.
Thank you!
