- 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
Hi, 4 questions in brief
https://horrortape.com
1- I use a theme Video News PRO
https://prnt.sc/u7VZwt65cNkO
I want to change the background color of the entire website to black or shades of black
I tried to change the color but the top image is cut off
You must be kidding!
2- I want to modify the video section into two interconnected sections, on the left are the titles and on the right the video appears like this https://prnt.sc/aWx9_IMUPzQX
see here https://foxiz.themeruby.com/spotlight/
3-I tried to change the top red color on the phone to black and it does not change https://prnt.sc/F1AiGOaFjEOp
4-How can I reduce the logo or what is the appropriate size and change the logo from mobile such as desktop? When following the documents, the last step does not appear as in the steps of the documents.
Thanks
I have installed both plugins required for the AMP mobile theme to work.
I am primarily concerned about the following –
how can tweak the mobile amp page of the home page that is auto-generated.
For example how can I remove the burger menu in the menu in the amp mobile version of the home page.
Page URL testing site
https://staging-5416-newspatron.wpcomstaging.com/?amp
Screenshot
here is a link to screenshot for mobile menu
https://drive.google.com/file/d/1VKaIacwfc69Fothmfb2pGs6ugpjwljKj/view?usp=sharing
Ideally for the mobile amp home page I would ideally prefer a menu similar to something that is similar to the home page menu(non amp) or webversion. OR menu that has blocks something that looks similar to the social menu at the footer. OR the menu below the social footer. please see screenshot.
https://drive.google.com/file/d/1uJDgiNNWYfIGow6-sWTsSEP4NYhxW50H/view?usp=sharing
To be precise I am considering replacing the burger menu as it looks clutter when clicked due to the large number of elements involved.
Please let me know about this so that I can proceed with the live changes.
Ameet
Mobile website is not fast enough.
what do you suggest?
i am not using the mobile theme I am using the home page to mobile page. its taking much longer.
site url: http://www.maiwanderlustlife.com
1. I can’t find any way to remove or edit the “About Us” or “Follow Us” in the footer of the mobile theme plugin.
2. I enabled the sticky menu. It does not show up when I scroll down the page, but it shows up when I scroll up the page.
Can you edit the
chainnewsnetwork.com
We installed the demo from the demo sites available but on mobile the site looks different from what demo looks like. Please help me to understand what i am missing
Also i am trying to install Crypto currency ticker but could not find the edit button as being mentioned in the tutorial.
I have installed the demo Called : https://demo.tagdiv.com/newspaper_news_hub_pro/
in the site.
please help
Hello @sotirisa!
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 mobile version 1 or 2, then you need to uninstall the Mobile Theme plugin and AMP.
Thank you!
Hello,
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/ The option that you need to use.
Suppose you created the mobile pages with tagDiv Composer. In that case, 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 when 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
The Mobile responsive version of the theme and the mobile page editor can be edit with tagDiv Composer, the mobile theme plugin cannot.
For example, you can have the mobile theme plugin activated 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 activated.
So, if you want to design the pages with tagDiv Composer, you can use the mobile page or mobile responsive version.
Also, please check this topic https://forum.tagdiv.com/topic/amp-pages-not-working-well-with-this-theme/
Thank you!
Part 2:
I think I figured out what is wrong with the theme:
When “Aggregate inline css” is enabled either via theme panel or via Autoptimise settings – the element “img” losses its styling, which is:
img
position: absolute;
width: 100%;
top: 0;
margin: auto;
This img is applied here: img src=” http://img.youtube.com/vi/video-id/maxresdefault.jpg ” alt=”VIDEO TITLE”
As a result, when “width: 100%” is missing, the video thumbnail is displayed full width of an image file (1280 px wide for example) instead of 100% of a view port width.
To solve this for lazy video on mobile to work properly, “img” needs to be excluded by being placed in the filed “Exclude CSS from Autoptimize:”
Can you replicate all this?
Hi @Calin,
Thank you for checking.
Part 1:
Yes, that’s the plugins and settings we use, except for optimise HTML code, as it is not included in your guide.
But it looks like you missed to enable Theme panel > Post Settings > Enable Video on Mobile? That is where the issue is happening.
Looks like you confused it with Block Settings > Use loading animation image. This can be disabled when Ewww is used.
good afternoon, I couldn’t manage the mobile theme, I bought your theme because see awesome on mobile theme but I could not setup it. could you please show me how to do it, thank you
Hi,
I made a test, and it works only with the SEO plugin for the mobile themes.
Thank you!
Hi,
It seems that using only amp or amp with the mobile theme, although the element of breadcrumbs appears on the page, is not in the scheme. Unfortunately, for the moment, this situation can only be corrected with an SEO plugin, because this element is not added either by amp or by the mobile theme plugin.
Thank you!
I am using the Mobile Theme and I have breadcrumb activated in the Theme Panel Settings Page but when I checked my article using Google Rich Snippet, Breadcrumb only shows on Desktop and not on mobile.
Breadcrumb Activated For Mobile – https://prnt.sc/0PaVew8mMYvg
Breadcrumb Showing for desktop – https://prnt.sc/W1ILtyDIApUp
Breadcrumb not showing on Mobile Rich Snippet – https://prnt.sc/xG2StHFlO05V
My site is blogthetech.com
Hi Bettina,
Try to change the theme?
The issue seems to be with the newspaper theme’s features: Aggregate inline css and lazy video on mobile.
You didn’t try to replicate the issue, did you?
Can you please get Calin to review this thread? It was addressed to him.
From experience: Generally after a few messages with other members from your team with zero result, he finally takes a look and provides a fairly comprehensive answer and acknowledges whether there is in fact issue with the theme or not.
Thanks.
Hi,
I see that your website is under construction, so I can’t check it. Can you please check when you edit the page and select the mobile viewport to see if the design is the same?
Also, Have you recently updated your plugins, theme, WordPress, php? Have you checked for a plugin conflict? Please deactivate ALL plugins except tagDiv ones; also, if you are using a child theme or cache plugin, deactivate them, clear all cache, and try again.
Thank you!
Why is my website arrangement going to be like this in mobile view ?
1.Is due to prebuilt website theme.
2. I did not activate the Div Mobile Theme tag, but the order is not responsive according to the mobile display ?
What exactly is the problem?
https://drive.google.com/file/d/1XE0dZNHUveI05X84osd5vC7IhL7jX7_X/view?usp=sharing
https://drive.google.com/file/d/1UZr2Q1PcN8Oqp1C86su9L0qo95LvUU4r/view?usp=sharing
https://drive.google.com/file/d/1N7VWV_YXlZrF2AiXFUNXVs5nebkjMV1F/view?usp=sharing
Hello @Panelak1234!
I think you should improve your page speed.
Please note that page speed or optimization is not covered by the support team: https://forum.tagdiv.com/newspaper-theme-support/
To increase the page speed you can check these similar topics for more solutions:
– https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– https://developers.google.com/speed/docs/insights/v5/about
– https://www.xtechkr.com/optimize-newspaper-theme/
– Check those guides : https://web.dev/lcp/ – > https://www.sqlpac.com/en/documents/google-pagespeeds-lighthouse-6-new-features-lcp-cls.html -> > https://wp-rocket.me/google-core-web-vitals-wordpress/improve-cumulative-layout-shift
– https://forum.tagdiv.com/topic/to-high-cumulative-layout-shift-in-mobile-theme/
Please check the tutorials from those platforms gt metrix and Google Pagespeed Insights and I’m sure you can increase the page speed.
Thank you!
Hello,
You can change the excerpt for mobile live search from here -> https://i.imgur.com/WQLgFbT.png
To change the font and color for the mobile menu please go to Theme Panel -> Theme Colors -> Mobile menu/mobile search => https://www.screencast.com/t/0CvSgXp9H to set a background image go in Theme Panel -> Background -> Mobile menu/mobile search => https://www.screencast.com/t/uvDejzbX to change the font from Theme Fonts => https://www.screencast.com/t/ANBQe7hQhJd
Thank you!
Hi Calin,
Environment:
1. “Lazy Video on Mobile” in theme panel is enabled, as required for speed.
2. “Also aggregate inline CSS?” in Autoptimize settings is enabled, as required for speed, per your guide.
Result/Issue: The video thumbnail is not properly loaded. It is loaded in a full image width – much wide than the view port. Screenshot
When “Also aggregate inline CSS” is disabled, it loads fine. However, disabling this option causes other speed issues, including large dom size.
– How to use “Lazy Video on Mobile” and “Also aggregate inline CSS?” both enabled, so it works for speed as advertised?
Thanks.
Hello,
You can disable the mobile theme plugin for posts that have a player -> https://www.screencast.com/t/axXRJsWby
Thank you!
Yes. BUT I had to edit wp-content\plugins\td-composer\mobile\style.css to fix it.
How can I include the fix in my child theme .css?
As I don’t want to edit wp-content\plugins\td-composer\mobile\style.css every time you issue an updated Newspaper theme?
Hello,
1. When the mobile theme plugin is used the pages content needs to be set using the mobile editor at the bottom of the page and this should be created using only elements from the mobile editor and not code from builders. If you want to use the responsive version, just disable the mobile theme plugin.
2. This problem seems to be caused by a malware – https://sitecheck.sucuri.net/results/https/marocafrika.org
– Change admin passwords and delete admin accounts you are not familiar with;
– Delete any weird/unknown plugins;
– Delete the weird/unknown themes;
– Clean WordPress files (example – https://i.imgur.com/stJCqiK.png)
– Check the live css tool, and make sure is working – https://i.imgur.com/xaXIEJO.png (set a css there and click on save)
example css:
.txt{
color: red;
}
Thank you!
Hello,
I don’t recommend to use mobile the for a shop website.
When the mobile theme plugin is used, you need to set for pages the page content in the mobile editor using only the options from that editor – https://i.imgur.com/p8EqE1b.png. also, there is an option to disable the mobile theme from a page/post – https://i.imgur.com/d3kTBRf.png. This option appears in the Gutenberg editor. After you disable the mobile theme on the page, you can assign the mobile page.
Thank you!
