- 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,
A test on our demo shows that its mobile friendly and doesn’t have any issues: https://www.google.com/webmasters/tools/mobile-friendly/?url=http%3A%2F%2Fdemo.tagdiv.com%2Fnewspaper%2F
According to google your site appears not mobile friendly due to multiple reasons: http://screencast.com/t/082WVTNfz
I suggest you test this first without using any plugins, leave just theme’s Visual Composer plugin and also make sure that you disable all html/js compression and test again.
Also make sure that you follow their instructions on how to unblock resources and let google bot view your page correctly, all this guides/tutorials are provided by google in your test page:
– https://developers.google.com/webmasters/mobile-sites/mobile-seo/common-mistakes/blocked-resources?hl=en-US&utm_source=MFT&utm_campaign=MFT&utm_medium=incoming-link
– https://developers.google.com/webmasters/mobile-sites/references/faq?hl=en-US&utm_source=MFT&utm_campaign=MFT&utm_medium=incoming-link#whats-the-difference-between-the-pagespeed-insights-ux-score-and-the-mobile-friendly-test-results
Please also note that the mobile friendly test is a new feature from google, the mobile friendly algorithm being released by Google on April 21st so we haven’t dealed enough with it to fully understand it. You can do it yourself though and go trough their guides/documentation to learn more about it: https://developers.google.com/webmasters/mobile-sites/get-started/?hl=en-US&utm_source=MFT&utm_medium=incoming-link&utm_campaign=MFT
We will release the new version 5 of newspaper theme which will be a major update with new design and lots of new features and we will make sure that we’ll test it with this new tool from google.
Thanks
I want to do it like Yoast with the <h1>. How can I wrap the logo in h1 like this on desktop and mobile?
<h1 class="site-title" itemprop="name"><meta itemprop="logo" content="http://cdn.yoast.com/wp-content/themes/yoast-theme/images/header/logo_x2.png"/>Yoast</h1>
Thanks!
Hi,
What header style do you use? Please provide the url so i can take a look. Do you refer to the desktop logo or the mobile logo?
Thank you, Emil G.
How can I set some modules to not appear in mobiles (not tablets)?
Specially, I want to get rid of the slide on mobile version, the font size looks all cluttered.
Thanx in advance. 🙂
Hi,
The top menu was not designed for mobile screens that’s why is hidden so displaying it you may need some other modification.
Please use this custom css in Theme Panel > Custom Css to display top menu and hide the wp bar: http://screencast.com/t/yiAFzcsSWtD
@media (max-width: 767px){
.td-header-top-menu {
display: block;
}
#wpadminbar {
display: none;
}
}
Thanks!
Hi,
I have checked your site and the images are loading also on mobile devices. If you want to disable lazy load feature there is an option in Theme Panel > Template Settings: http://screencast.com/t/4UcPOSoS46
If this is not what you mean please provide more details (which mobile device did you use), also you can check this without any plugins active, leave just Visual Composer active and clear cache. Disable also js/css minification.
Thanks!
Hi,
You can use media queries to hide it mobile view:
@media (max-width: 767px) {
.td_block_big_grid {
display: none;
}
}
Just paste the code in Theme Panel > Custom Css and also if you want to hide the Big Grid only on home page please add .home class – .home .td_block_big_grid
Thanks!
Hi everyone,
I have problems with my mobile site. Google is telling me that it is not optimized
https://www.google.com/webmasters/tools/mobile-friendly/?url=http%3A%2F%2Fwww.boxen1.com
I’m using the newest version of Newspaper Theme. My Domain is boxen1.com – can you please give me some advice?
Many Thanks
Hello,
First of all, I just recently purchased Newspaper and I absolutely love it. You guys did an amazing job. I had everything up and running in about an hour. I’ve probably had 10 prior templates and this is by far the easiest one and most customizable.
However, I have come across an issue. My ad in my header is getting cut off. Is this because my logo is too small and I need to add whitespace on the top and bottom to “widen” that area of my header? I’ve used both the custom ad I currently have, and Google Adsense and both are cutoff at the bottom. However, it appears perfectly on mobile/tablet, this issue only occurs when viewing via Desktop.
Here is a screenshot: http://i.imgur.com/ezn6YbX.png
My URL is FestivalSnobs.com
Thank You!
Google recently changed their mobile algorithm for checking, and so it has started throwing an error on just about everything from image sizes, to anything not plain text having some kind of render blocking. If you can get your mobile score to 88 or above, you’re good. Below 85 is not as good, below 80 is “bad.”
Hi Lucian,
I activated TagDiv Speed Buster but nothing changed and no active caching plugin is enabled:
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.tunandroid.com%2F&tab=mobile
Any suggestions?
Best.
Hi, is it possible to somehow show the theme’s login form in mobile views? In pc and tablet works ok but in mobile the top menu is missing. I would like to use only this form and hide wplogin.php.
Thanks in advance
pleaseeee!!!! fix this problem!!
https://forum.tagdiv.com/topic/im-using-rtl-and-my-website-start-from-left-in-mobile-sidebar-before-post/
Hi in my site the images disappear on mobile. I have test it with anothe theme and it works fine. Can you help me?. Thanks
Hi,
How to disable the big home page feature 5 content blocks in mobile view.
Note: I want to disable it only in Mobile not in Tablets.
Thanks & Regards
Debarup
Site Speed test results: Pagespeed Insight
Hi,
I’m trying to improve the speed of the site, my mobile speed results are currently only 40/100
I’ve got Gzip on, I’m running Total Cache, I’ve compressed all images with EWWW
I have tried the TagDIV speed booster plugin with the steps outlined on this page
However, the list it produced didn’t seem to correlate with the actual page insight results (with the exception of a couple)
list:
registered scripts
jquery |
hide-this-part-js | http://gadgetviper.com/blog/wp-content/plugins/hide-this-part/js.js
common | /wp-admin/js/common.min.js
admin-bar | /wp-includes/js/admin-bar.min.js
utils | /wp-includes/js/utils.min.js
svg-painter | /wp-admin/js/svg-painter.js
wp-auth-check | /wp-includes/js/wp-auth-check.min.js
devicepx | http://s0.wp.com/wp-content/js/devicepx-jetpack.js
wpseo-admin-global-script | http://gadgetviper.com/blog/wp-content/plugins/wordpress-seo/js/wp-seo-admin-global.min.js
td-wp-admin-general | http://gadgetviper.com/blog/wp-content/themes/Newspaper/wp-admin/js/general.js
td-wp-admin-panel-js | http://gadgetviper.com/blog/wp-content/themes/Newspaper/wp-admin/js/wp-admin-panel.js
thickbox | /wp-includes/js/thickbox/thickbox.js
registered styles
admin-bar | /wp-includes/css/admin-bar.min.css
wpar-style | http://gadgetviper.com/blog/wp-content/plugins/wp-reviews/css/style_admin.css
font-awesome-styles | http://gadgetviper.com/blog/wp-content/plugins/wp-reviews/inc/font-awesome/assets/css/font-awesome.min.css
wprs-admin | http://gadgetviper.com/blog/wp-content/plugins/wp-rich-snippets/assets/css/style_admin.css
colors | 1
ie | /wp-admin/css/ie.min.css
wp-auth-check | /wp-includes/css/wp-auth-check.min.css
responsive-lightbox-lite-admin | http://gadgetviper.com/blog/wp-content/plugins/responsive-lightbox-lite/assets/css/admin.css
google-font-ubuntu | http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic&subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic
td-wp-admin-td-panel-2 | http://gadgetviper.com/blog/wp-content/themes/Newspaper/wp-admin/css/wp-admin.css
wp-color-picker | /wp-admin/css/color-picker.min.css
thickbox | /wp-includes/js/thickbox/thickbox.css
wpalchemy-metabox | http://gadgetviper.com/blog/wp-content/themes/Newspaper/wp-admin/content-metaboxes/meta.css
bws-admin-stylesheet | http://gadgetviper.com/blog/wp-content/plugins/captcha/bws_menu/css/general_style.css
font-awesome | http://gadgetviper.com/blog/wp-content/plugins/js_composer/assets/lib/font-awesome/css/font-awesome.min.css
jetpack-icons | http://gadgetviper.com/blog/wp-content/plugins/jetpack/css/jetpack-icons.min.css
Skip to main content
Page Insight:
JS (8)
http://gadgetviper.com/blog/wp-includes/js/jquery/jquery.js?ver=1.11.2
http://gadgetviper.com/blog/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1
http://gadgetviper.com/blog/wp-content/plugins/wp-reviews/js/user-rating/jquery.rating.pack.js?ver=4.2
http://gadgetviper.com/blog/wp-content/plugins/wp-reviews/js/user-rating/custom.js?ver=4.2
http://gadgetviper.com/blog/wp-content/plugins/wp-reviews/js/colorbox/jquery.colorbox-min.js?ver=4.2
http://gadgetviper.com/blog/wp-content/plugins/responsive-lightbox-lite/assets/nivo-lightbox/nivo-lightbox.min.js?ver=4.2
http://gadgetviper.com/blog/wp-content/plugins/responsive-lightbox-lite/assets/inc/script.js?ver=4.2
http://gadgetviper.com/blog/wp-content/plugins/revslider/rs-plugin/js/jquery.themepunch.tools.min.js?ver=4.6.5
CSS (27)
http://gadgetviper.com/…dburner-form/control/fbstyle.css?ver=4.2
http://gadgetviper.com/…assets/css/bootstrap_tab.min.css?ver=4.2
http://gadgetviper.com/…s/css/bootstrap_dropdown.min.css?ver=4.2
http://gadgetviper.com/…tabs/assets/css/res_tab_icon.css?ver=4.2
http://gadgetviper.com/…ns/wp-reviews/css/flexslider.css?ver=4.2
http://gadgetviper.com/…nt/plugins/captcha/css/style.css?ver=4.2
http://gadgetviper.com/…t-form-plugin/css/form_style.css?ver=4.2
http://gadgetviper.com/…/nivo-lightbox/nivo-lightbox.css?ver=4.2
http://gadgetviper.com/…htbox/themes/default/default.css?ver=4.2
http://gadgetviper.com/…der/rs-plugin/css/settings.css?ver=4.6.5
http://gadgetviper.com/…views/css/user-rating/rating.css?ver=1.0
http://gadgetviper.com/…eviews/css/colorbox/colorbox.css?ver=1.0
http://gadgetviper.com/…/jquery-ui-1.10.3.custom.min.css?ver=1.0
http://gadgetviper.com/…plugins/wp-reviews/css/style.css?ver=4.2
http://gadgetviper.com/…wp-reviews/css/bootstrap.min.css?ver=4.2
http://gadgetviper.com/…ppets/assets/css/style_front.css?ver=4.2
http://gadgetviper.com/…ets/assets/css/bootstrap.min.css?ver=4.2
http://gadgetviper.com/…ns/wp-pagenavi/pagenavi-css.css?ver=2.70
http://gadgetviper.com/…/assets/css/font-awesome.min.css?ver=1.0
http://gadgetviper.com/…esome/css/font-awesome.min.css?ver=4.4.2
http://gadgetviper.com/…/plugins/jetpack/css/jetpack.css?ver=3.5
http://gadgetviper.com/…content/plugins/hide-this-part/style.css
http://fonts.googleapis.com/…ed:400italic,700italic,400,700?ver=4.6.2
http://gadgetviper.com/…form-7/includes/css/styles.css?ver=4.6.2
http://gadgetviper.com/…nal/bootstrap/td-bootstrap.css?ver=4.6.2
http://gadgetviper.com/…emes/Newspaper-child/style.css?ver=4.6.2
http://gadgetviper.com/…og/wp-content/themes/Newspaper/style.css
I’m wondering are able to provide a list of corresponding id’s for some of the above that I can try adding to the td-speed-booster.php file or should I just take every ID from the list and paste them into the speed-booster.php?
Any suggestions you can make would be greatly appreciated, I was considering trying Better Wordppress Minify Not sure is it’s compatible with the theme or not?
Cheers
With just a plan div, the ad doesn’t show up on mobiles
Thanks- a bit of confusion. When I’m adding the code for the header banner, do I put in the code three times in that space with separate divs each for desktop, tablet and mobiles?
Hi,
I have checked your site and you use your code in this div – http://screencast.com/t/boEHllrjKND to display it like we recommend to display image banners – https://forum.tagdiv.com/ads-system-full-guide/
Try to paste your code directly in header ad section without any div or use all those divs also for tablets and phones.
The css code is added automatically to that class on mobile devices – http://screencast.com/t/JfGky8Dv – http://screencast.com/t/ff21kn4jdpof
Result: http://screencast.com/t/ltoVVENqX
Thanks!
For some reason the ads that show up on desktop are not appearing on mobile version. These same ads work fine on another site of mine using the same theme on mobile. Also I’ve made sure that ads are not disabled on mobile in theme panel.
Hi,
Try to use this custom css for mobile screens(this code is applying on default share button – without css customization): http://screencast.com/t/7mrc9umFkkpZ
@media (max-width: 767px){
.td-social-sharing-buttons .td-social-but-text {
display: none;
}
}
And use also for your created css media queries so the above css will apply for mobiles and you customizations it will apply from that screen size.
@media (min-width: 768px){
your code
}
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
Hi,
Jetpack plugins is recommended for Tiled Gallery and the Carousel so if you don’t use this features I suggest to not use it – https://forum.tagdiv.com/how-to-make-a-gallery/ Also the theme is already responsive so the feature mobile theme from jetpack need to be disabled: https://forum.tagdiv.com/how-to-manage-the-mobile-theme/ This plugin has a lot of features but also it affect the speed of your site.
The jetpack photon feature can cause some issues and while the theme works based on the same system – creates and serves/uses thumbnails for each uploaded image. We have some reports that the jetpack photon feature caused some issues also on Newsmag when used with the theme or other plugins.
Thanks!
Hi,
Please try this custom css for mobile device: http://screencast.com/t/cdjOmwMN4oq
@media (max-width: 767px) {
.td_block_big_grid .td-big-grid-post-0 {
height: auto;
}
}
Thanks!
UPDATE – only seems to be an issue on desktop. Tablet and mobile both look good.
Hi,
I just bought the Newspaper theme, and installed it on my site I’ve never used the Jetpack plugin before, but as it was recommended, I installed it.
There seems to be a ton of features to choose from, my only interest is making the site as fast as possible. It seems like some would override the existing theme features like “mobile theme” for example.
So far I’ve just activated “Photon”, I wonder if maybe you could recommend which others I should activate, and which to avoid?
Cheers