- NewsmagSmart list ads
- NewsmagIntroduction
- NewsmagMain menu
- NewsmagLogo & Favicon
- NewsmagHeader ads
- NewsmagSmart sidebar
- NewsmagSharing buttons
- NewsmagCategory tag on modules/blocks
- NewsmagBackground introduction
- NewsmagTheme colors introduction
Hi there,
Is it possible to have a banner ad that’s in the header appear on mobile. Currently I’ve got it showing on desktop and tablet but it disappears on mobile. Thoughts on how to make it appear on all devices?
Thanks,
T
Hi Bettina,
Thanks for the reply. With the new features of iOS, PWA will become more popular for news as it has the promise of super fast content access as well as the mobile push. Future feature or even a tagDiv extra?
Hello!
These issues are related to page speed. You can customize every new demo with the TagDiv Composer and control every text/image/ad on your pages. Unfortunately, we didn’t actualize all the demos, but I hope this issue will be solved somehow.
Anyway, all these are adjustable by editing the pages with the TagDiv Composer.
This setting is for the font size: https://prnt.sc/KfEeR6Gi1Z-s; you can also verify the mobile viewport and tablet viewport: https://www.screencast.com/t/YUVUcyrgh
Thank you!
Hello,
Please check this topic https://forum.tagdiv.com/topic/low-scores-on-mobile-theme-amp-and-desktop-pagespeed-and-gt-metrics-optimize/ and try this code ->
// Preload Newspaper fonts for responsive theme (main theme) function dns_prefetch_responsive()
{
echo '';
echo '';
}
add_action( 'wp_head', 'dns_prefetch_responsive', 0 );
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://spraythemes.com/newspaper-theme/how-to-speed-up-the-newspaper-wordpress-theme-using-wp-rocket/
– 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!
Hello itduck2020,
I believe that you are receiving this for the mobile version. What I can recommend i s to try the mobile theme plugin (you can install it from Newsmag > plugins).
This should resolve those problems.
Let me know the results!
Hi,
You can disable the mobile theme plugin on the pages from the Gutenberg editor using the following option => https://www.screencast.com/t/axXRJsWby -> https://forum.tagdiv.com/mobile-theme-introduction/
Thank you!
Hi,
If you don’t want to have the mobile theme activated and you have only AMP, then you need to use Reader template – https://i.imgur.com/zHqX4I5.png and the url you want. The disadvantage is that you have no control over the layout, but it will work correctly with that structure /amp/ -> https://i.imgur.com/nJyzrhD.png
Thank you!
I want something very simple. Using AMP without the problematic “Mobile Theme”.
Hi,
I tried to edit from the mobile view and other viewport but was still not able to remove the white spaces https://prnt.sc/7yunXuv_HxD3, Header menu (menu, search bar, date & logo) is not visible in the mobile https://prnt.sc/hzoAaMJrdBaQ, Footer section got messed up in desktop, portrait, landscape and mobile view https://prnt.sc/DRs_6JCPtotG, Post date and category in the single post section https://prnt.sc/jCLu9umxR-Ka. Kindly assist me how I fix this.
Thanks
Already solve it by turning off “AMP” and “tagDiv Mobile Theme” plugin. Thanks
Hi,
After the update I switched to “Mobile Theme”. My site user has decreased by 90%. Good URLs dropped to zero. Please is there anyone who can help technically? Because; I have a problem after the update. I want to use AMP without mobile theme.
see errors.
Recently I started using web stories on my website.
I see there is no support for a newspaper theme
I manually add web stories feed to my page : Tech Web Stories
But I cannot see my feed on mobile. I checked and found out it redirect to the mobile theme, which does not support web stories feed.
So I want to disable the mobile theme page on a particular page.
I already tried making a mobile page separately, but still it redirects to official page on the mobile theme. You can check I here is the link: https://techniblogic.com/web-stories/
Please help me out and also tell me when your web stories support is coming.
Hello, I am having a problem that my website has 2 different mobile appearance.
For the example if i want to open “https://sastranesiapers.id/podcast” on my phone it will direct it to “https://sastranesiapers.id/podcast/?amp=1”. In this version the youtube video doesn’t show up and I have to clik the “Exit mobile version” first to get direct to “https://sastranesiapers.id/podcast/?noamp=mobile” to see the video.
I want every single page on my website when visited via mobile it will use the “…../?noamp=mobile” and did not show the “Exit mobile version” or “Go to mobile version” button.
Please help, Thank You!
Also, can you help me to increase the font size for mobile device? and Why there are too many ads on my website?
Hello There,
After installing and doing a rigorous search on Tagdiv forum, I have realized that your team wasn’t able to solve a few major mobile-usability issues. FYI, recently, even I have purchased Newspaper theme and everything was working fine for me, until I install Newspaper theme on our website.
Earlier I had used and several other websites of mine are using some free WordPress themes, such as Generate press and Kadence. and I haven’t faced any problem as such. But now, after installing Newspaper theme, we are getting issues like;
Text too small to read
Content wider than the screen
Clickable elements too close together
Example:
https://franchisegoal.com/mellow-mushroom-franchise-cost-profit/
Note:
Already tried clearing cache, uninstall, and re-install.
We don’t know what has caused this issue and also we have checked the forum and what we can see is only a “Generic Response”, without any proper resolution.
Can you please check and help me in this?
Hi,
You can’t add the top bar in the mobile menu, only if you create a new page and set it it in a modal popup.
If you have a header template, then you can add the top bar in the mobile like this -> https://www.screencast.com/t/sMECJT6Pw
Thank you!
Dear Bettina,
Thank You!
after add that code I have in desktop and mobile version
height of all inframe enbedded is small!
White space is gone.
Pleses see url https://nook.rs/nikolas-vinton-britanski-sindler/
Thank you in advance.
Hey, I’m working on new site and I build top bar for my menu myself. Now I want it also on mobile, I think it would be good on mobile menu screen (link attached for example). Is there some option or how it should be implemented? Example: http://arene.grafical.www33.zoner-asiakas.fi/wp-content/uploads/2023/05/top-bar-on-mobile-menu.png
Dear Anamarija,
I do not have this options.
Big white space is only on mobile version when I added facebook and pinterest embedded link. Please see a code.
<iframe style=”border: none; overflow: hidden;” src=”https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FYahooUK%2Fphotos%2Fa.355331247834346%2F1001407999893331%2F%3Ftype%3D3&show_text=true&width=500″ width=”500″ height=”502″ frameborder=”0″ scrolling=”no” allowfullscreen=”allowfullscreen”></iframe>
Thank you in advance
Hi,
The AMP only works better with the Mobile Theme plugin.
From my point of view, if you don’t use the Mobile Theme plugin, then there is no reason or benefit to AMP.
Also, please check this topic for more details https://forum.tagdiv.com/topic/amp-pages-not-working-well-with-this-theme/
Thank you!
After the update I started getting AMP error and my site went down. Reality and Lab are very different. I want to use AMP without Mobile Theme. Please help me.
Hi Anamaria,
Here is my SANTÉ item in the menu in admin :
https://app.screencast.com/RKdzGz8TnCSAF
Here is in front :
https://app.screencast.com/Q0usnZlZRlds6
and in mobile mode :
https://app.screencast.com/8JHO99xbUhYrq
Sub-levels 2 shouldn’t be melted with sublevels 1.
As sub-levels 2 are not distinguished from sub-levels 1 by a class, I can’t do anything in CSS (hide them, shift them to the right, …) nor in JS.
https://app.screencast.com/gGpoAH1LnSIes
How can I avoid display sublevel 2 (and sublevel 3 existing in Social item) in desktop view and avoid them or have another dropdown in mobile view ?
Regards,
Francis
Dear Bettina,
Thank you so match!
I sow many mobile sites with horizontal menu without scrollbar 🙂
Do you have a plan to implement horizontal menu without scrollbar?
The new table of content looks good. However, I request you to add an option to hide/unhide at start.
If we have 10 headings, it won’t look good in mobile.
OK … through a ton of testing, I figured out the solution on my own.
The tagDiv Mobile Theme does NOT support when the AMP plugin paired URL structure is set to use a path suffix of /amp/
https://snipboard.io/hFtCXc.jpg
I used this because Hudson Valley Magazine uses that paired URL structure on its site that we’re replacing.
However, when I switched the AMP plugin paired URL structure to use a query parameter … either the standard ?amp=1 or the legacy ?amp … then the mobile theme finally worked properly.
https://staging.hvmag.com/things-to-do/this-week/?amp=1
I’m guessing that your mobile them plugin doesn’t recognize the /amp/ suffix paired URL structure and instead looks for the ?amp parameter in order to properly display the mobile theme on AMP pages.
This is something you need to update in your AMP / mobile theme documentation. And I am very surprised that no one there caught this given that I actually put our AMP paired URL settings in both my original video and as a link in my 2nd post in this thread.
