- 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
I try to add some cache to my site. Using QUICK CACHE or WP FASTEST CACHE i get 42/100 on mobile and 50/100 on desktop on both, and without cache plugin too on google page speed test.
adding
add_filter( ‘jpeg_quality’, create_function( ”, ‘return 50;’ ) );
in functions.php as recommended i get.
Parse error: syntax error, unexpected T_LNUMBER in /home/site/public_html/wp-content/themes/Newspaper/functions.php on line 1553
So I installed W3 total cache.
Following the video from anterior posts https://www.youtube.com/watch?v=u0G6pk2mX4M when i enable minify with newspaper 4.4 i get blanc page. Hard times today… with only page cache from W3 I still have 49 / 100 … pff.
I disabled W3, installed speed-booster-pack.2.6 adn disabled td-speed-booster. Like in the video, when I activate Load CSS asincronius and I load site… guess what. Problems. Is loading with tabs list or something, can’t explain, and then loads. Issue anyway… will try more settings.
Thank you! It helped with header and logo for mobiles, but breadcrumbs are overlayed by H1 http://files.webfile.ru/be6dd5853638a815519fdacc6b7918d3
And it’s a weird stuff with Safari in Ipad. At the first moment everithing is ok, but then it’s like the page loads in second time in a row and as a result logo moves to the right and space under header appears http://files.webfile.ru/9cf8169b95254f87c4b11830baab3d5d
Thanks.
But if i change the header style, i won’t keep the logo, and the menu below. How to keep it ?
Hi,
The reason for this is the header style you are using, please make sure that you are using other header style than 3 or 6 with those styles the logo dose not changes.
Thanks
Hi,
Use this css:
@media (max-width: 767px){
.header-logo-wrap, .header-logo-wrap img {
display: inline !important ;
}
.td-header-bg .header-logo-wrap {
width: 295px !important;
}
.entry-crumbs {
display: block;
}
}Result on Safari: http://screencast.com/t/dUJHsC9R
Result on Opera: http://screencast.com/t/ayHXIay1
Also check the js errors from console.
Thanks
Hi Tagdiv,
I just enabled mobile site feature in jetpack.
But it’s only show shortcode on mobile screen.
The web is http://www.pctodaythailand.com.
Please suggest.
Hello,
I have a problem, with the Header style 3, the logo i putted for mobile doesn’t switch :
HomePage : http://www.beirutreport.com
Mobile overview of the home : http://postimg.org/image/xut462dof/
Configuration : http://i62.tinypic.com/2mob09d.png
Thanks for your help.
Added this code, but in Safari appeared a little space under header and logo moved to the right a little bit http://files.webfile.ru/789420230550c5890547ebc3be902376
And there is still no breadcrumbs
In Opera Mini there is no header and breadcrumbs too http://files.webfile.ru/6da9735e7ef50e5faa41bf8ddf793d3c
Hi Lucian,
Thank you for the reply and apologies for the slow response on my behalf.
Appreciate the response there.
Hi,
Use this css: http://screencast.com/t/lfFeU6e2gjqM
@media (max-width: 767px){
.header-logo-wrap, .header-logo-wrap img {
display: inline !important ;
}
}Thanks
Hi,
Unfortunately that would be the beast way, you can’t build a different menu for mobile only.
If you inspect the menu items you will noticed that each has a unique class, like “menu-item-4630” in this case, so you will need to use that class to hide the menu item which you don’t want to show up on desktop/tablets screen, then another css to hide the menu item you show on desktop and tables on mobile, below you have some screenshots which will make you understand this better:
* http://screencast.com/t/giGXF0RF
* http://screencast.com/t/iSEqUzAbFsVc
* http://screencast.com/t/Suboukyr8z
* http://screencast.com/t/vRvCuGd497M
You could also build the top menu as you like, the top menu it’s hidden on mobiles but you could customize it then hide it on desktop and use it on mobile.
Here you have the css I used for the example:
@media (min-width: 767px) {
.menu-item-4630 {
display: none;
}
}
@media (max-width: 767px) {
.menu-item-2962 {
display: none;
}
}Thanks
Hi,
Please use this css and add it in theme panel > custom css:
@media (max-width: 767px){
.single_template_4 .td-image-gradient:before {
bottom: 0px;
}
.td-big-slide-background, body.single_template_4 #td-full-screen-header-image, .backstretch {
height: 500px !important;
}
}Should solve your issue: http://screencast.com/t/73be90lxvS
Thanks
Your welcome!
Hi,
Please send an URL to your site, I need to inspect this so I can provide a fix for it.
Thanks
Hi,
Use the Media Query Snippets from below to style the the button as you like on mobile/tablet portrait/ table landscape and desktop screens:
/* responsive phone */
@media (max-width: 767px) {
}
/* responsive portrait tablet */
@media (min-width: 768px) and (max-width: 1018px) {
}
/* responsive landscape tablet */
@media (min-width: 1019px) and (max-width: 1200px) {
}
/* responsive monitor */
@media (min-width: 1201px) {
}Unfortunately we cannot offer custom work as we work hard on the development, updates, fixes and support. You can always get a freelancer from sites like: http://studio.envato.com/ if you don’t know how to do it yourself.
Thanks
Hi,
Is there an option to have different items in the mobile menu to the desktop version? I can’t find the option to set the mobile menu content.
I did see this https://forum.tagdiv.com/topic/different-mobile-menu-when-using-megamenu-on-desktop/ . If this is the only way to do it what would the custom css be to hide subcategories which duplicate under the mega-menu on desktop?
Thanks,
Sean
Hi!
On my mobile phone (i’m using Safari) there is no header and bread crumbs. How can i get it?
Hi,
Speeding up a website isn’t easy. Bunch of folks who are using this theme has got 90+ on both Mobile and Desktop after a lot of configuration. Read through this whole thread and you’ll definitely be able to get above 90: https://forum.tagdiv.com/topic/pagespeed/
Hope this helps!
TagDiv team, it would be great for new buyers if you could make a good documentation/video based on that thread’s tips.
Thanks!
Hi,
Please provide your site’s URL, I need to inspect this so I can provide a solution for this.
Thanks
Sorry, I missed the Gravatar info that appeared before posting. I’m going to look into a way to get a local file instead of the “blank” gravatars from the external site.
Also, Shashank’s site is down to a 66 mobile/90 desktop for me on this page:
http://www.styzic.com/iphone-6-plus-blender-video/872/
It seems like Newspaper is getting hammered a lot more lately on Pagespeed for serving the 700px wide featured image to mobile phones… Any idea if we can get a custom thumbnail for mobile that’s only 300 px wide? I’m sure that would take a lot of work since the mobile site is anything from 240 px all the way up to 767 px…
I’ve got a few questions on Pagespeed that hopefully some of you can answer.
1 – I’m trying to figure out the best way to improve my server response time. It varies anywhere from 0.4 seconds to 0.8 seconds. I upgraded to a Liquidweb SSD VPS with 3 GB of RAM hoping that would take care of it, but it didn’t – it made it through a heavy day of 30,000+ pageviews, but I still can’t seem to get the response time down. I’ve disabled plugins, but to no avail.
2 – I’m running W3 Total Cache along with Tagdiv speedbooster, and I am still getting the render-blocking CSS and Javascript errors. I’m assuming I can edit the plugin file to get rid of these, correct?
3 – I have a pagespeed score of 61 on one of my posts and I believe it’s related to all of the calls to fetch Gravatars for comments. On a page with few comments, the pagespeed score increases. Here’s a screenshot:
Lots of comments (Pagespeed Link):
Few comments (Pagespeed Link):
I would think that the only difference here is all of the external calls to Gravatar. It seems like there has to be a better way to display 200 blank images rather than calling 200 separate URL’s to obtain the same image – Also, Google is complaining that they aren’t “compressed” enough…
Thanks for any help you can offer! I’m hoping to get up to at least upper 70’s or 80 on mobile. I have Adsense, Google Analytics, and Piwik Analytics going so I know that will prevent me from getting too high.
Thanks! It works great.
Hi,
Is it possible to edit the offset for desktop and mobile? I’m still running V3.x and i’ve made the sticky menu fluently on desktop, but its not fluently for mobile… Is there any way to set different offsets?
