- 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
Hi,
This mobile homepage is overwritten by the Mobile theme plugin, which is why the layout has changed. Edit the desktop version of your homepage with Gutenberg and disable the Mobile theme: https://prnt.sc/BZVdi5tHDCuP
Thank you!
Hello,
Can you solve this problem without (mobile theme plugin) ??
https://imgur.com/SN6R7Wb
Hello, Thanks for response.
Is there a solution without using (mobile theme plugin) ???
Hello,
The theme is responsive and it should adjust after each screen that it is used. Also, this is coming with a special plugin dedicate only for mobiles (mobile theme plugin) – https://i.imgur.com/LG8i8gL.png
Thank you!
This error exists after checking the theme on Lighthouse Chrome
Content is not sized correctly for the viewport. The viewport size of 415px does not match the window size of 412px.
If the width of your app’s content doesn’t match the width of the viewport, your app might not be optimized for mobile screens.
Hi I’m trying to change the colour of the bar above the header on mobile theme.
For example, my header is dark blue, but the space above it is white (on mobile device)
If you see the image, the header is red and the space above is all red, how can I edit this?
The website is https://www.coupdepoker.com/
At the moment I have cloud templates for the desktop version and the default mobile theme.
I’d like to customize the HP on mobile.
I do not want/need to customize other pages/posts etc.
Hi,
I’d like to create a mobile cloud template for the HP only.
Is it possible? How can I make it work with the default mobile theme (for other pages/posts/archives…)?
Thanks
Hi,
To add a menu, you need to select the viewport for phone select the hamburger menu and assign the menu -> https://i.imgur.com/0LEgkTh.pngTo 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!
Hello @stefanegirard !
You can delete the text Pulses PRO from there and let only your logo to appear: https://prnt.sc/7LbqhQhKNbid
Click on that hamburger menu and choose a menu: https://prnt.sc/KM1WiaiJlPSD or you can delete this element.
You can customize the mobile header as you wish in the TgaDiv Composer.
Edit the single post template with the TagDiv Composer, click on the mobile viewport and make sure you have the element called single post content.
Thank you!
I don’t know why my mobile menu (visible only on mobile devices) is different from the header template for mobile (created using Newspaper Cloud templates). When I view the site in a Desktop browser with a small screen width, the menu is as set in the Newspaper Cloud templates.
The TagDIV mobile plugin is disabled, I also have Max Mega Menu, but there the Mobile Menu is also disabled. I don’t know which part of the system controls the mobile menu visible on a smartphone.
The site I am working on is here: https://portal.pti.org.pl/
Please, help! 😉
Hi,
From my desktop
On my Homepage: When I click on the Phone Viewport, I have a mobile menu (not configured – PULSES PRO appearing) with a magnifying glass and a burger menu.
If I click I have a menu sliding or a sliding research (not configured). So different from my desktop view.
Without being connected with the back office (therefore without Composer): When I shrink the Chrome window to a minimum (to simulate mobile view): the configuration of the Homepage seems ok (responsive, one column) therefore I see the mobile menu with a magnifying glass and a burger menu. I can see the content but when I click on an image or a title, I do not see the content of my post. Only title, main image and popular posts below. Just like on my cell phone.
I do not use AMP plugin
Thanks
Hello @rockman008 !
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.
You can add the ad box element in the tagdiv Composer and add the code there in the mobile viewport. Read all about it here: https://forum.tagdiv.com/ads-adsense-overview/
Thank you!
Hi,
When are you logged the mobile menu work?
Thank you!
Hello again and thanks for the help Anamaria.
I have done everything you told me but it still doesn’t work. In the mobile version the hamburger menu on the home does not work for me, it does not respond. http://www.noticiasparacuellosdejarama.es
Good day.
May I ask how to display header ads on mobile view?
Desktop View: https://picsdrop.com/ZMbWwAsCuyQTTGb
Phone Viewport not showing the header ad: https://picsdrop.com/LuF4rihde5svnBn
Hello!
I can see that you have a lot of errors in the console. Make a test and deactivate ALL plugins except tagDiv ones, also if you are using a cache plugin, deactivate it, clear all cache and try again.
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 @stefanegirard !
There is no layout for the mobile theme on your website. Your mobile version looks the same as your 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.
Do you use AMP plugin instead?
Thank you!
I deactivated plugin, it didn’t help.
Link to website: https://raionka.by. I see mobile page don’t show. Instead of this page shows responsive version.
Hello,
The page loading speed can depend on many factors, and each website is unique from this point of view. Let me explain some of these factors and maybe they give you some starting points for optimizing your website. A good choice for the page speed, could be the mobile layout which contains fewer elements because it can improve a bit your page speed.
There are many optimization guides provided by our users here in the forum, some made by us; you could check some of them
– https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
– https://forum.tagdiv.com/cache-plugin-install-and-configure/
– https://forum.tagdiv.com/how-to-make-the-site-faster/
– https://forum.tagdiv.com/topic/high-number-of-ajax-request/
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– https://www.andraware.com/wp-rocket-for-newspaper-theme/
– https://forum.tagdiv.com/topic/page-speed-guide-for-2023-beginners-and-advanced/
– https://forum.tagdiv.com/topic/newspaper-theme-speedify-your-website/
– https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
– https://forum.tagdiv.com/cloudflare-cdn/
– https://forum.tagdiv.com/topic/theme-causing-high-cpu-usage-2/
– https://forum.tagdiv.com/topic/sql-querys-high-cpu/
– https://forum.tagdiv.com/topic/newspaper-theme-slow-to-respond/
– https://premium.wpmudev.org/blog/optimizing-your-wordpress-database-a-complete-guide/
– https://underconstructionpage.com/optimize-wordpress-database/
– https://crunchify.com/better-optimize-wordpress-database-all-in-one-guide/
Also, pagespeed is not covered by support -> https://forum.tagdiv.com/newspaper-theme-support/
If you use Wp Rocket, you can try to exclude the following files
/jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
/jquery-migrate(.min)?.js
/wp-content/plugins/td-composer/legacy/Newspaper/js/tagdiv_theme.min.js
tdBlocksArray
To be able to optimize and to remove CLS and LCP please check these guide => https://developers.google.com/web/tools/lighthouse/ -> https://www.sqlpac.com/en/documents/google-pagespeeds-lighthouse-6-new-features-lcp-cls.html -> https://web.dev/lighthouse-whats-new-6.0/ -> https://web.dev/lcp/ -> https://web.dev/cls/
Thank you!
Hi,
Please provide the link to your website. Also, if you have activated the mobile theme plugin, please deactivate it and check afterward.
Thank you!
I hve designed a mobile template but i would like to use it on other pages of my site with some alternations. Is there a way to copy the mobile template i have designed or do i have to do each page from scratch. it would be a lot of work as there are ten pages
Sorry, operator error, somehow the mobile menu check box became unchecked, all good now.
Can you check this site, for some reason, the hamburger menu is no longer appearing on mobile: https://www.lagunabeachindy.com/ it does show on this site with the same settings: https://www.newportbeachindy.com/
Hi
The Mobile Theme is deactivated but on my mobile phone I see the Mobile Theme.
Please help as I do not know how this theme works.
