- ApiPractical example – How to add a new Block and Module
- ApiAPI – Smart Lists – Introduction
- ApiAPI – Category top section style – Introduction
- ApiAPI – Category top section template – Introduction
- Apitd_api_module::update
- Apitd_api_module::add
- ApiAPI – Modules – Introduction
- ApiUsing the Theme API in plugins
And also this responsive style doesnt work on nexus 4, galaxy note3 an don my mobile meizu mx4 pro.
Hi,
The mobile menu has a specific background(black). Unfortunately there is no option in panel to change it, but you can use this custom css in Theme Panel > Custom Css, just add your color(also for icons if you want): http://screencast.com/t/lMy1un0oBNu
@media (max-width: 767px) {
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu {
background-color: #fff !important;
}
#td-top-mobile-toggle i, .header-search-wrap #td-header-search-button .td-icon-search {
color: #222 !important;
}
}
Hope this helps!
Hi,
1. If “States” is a page you can use Visual Composer to add blocks on your page and filter articles by specific “States” subcategory like it is on the other page – http://screencast.com/t/V4Phfr3F
2. You can hide it via custom css in Theme Panel – http://screencast.com/t/kG3sr3Mn
.td-category-header .td-category-pulldown-filter {
display: none;
}
3. Like Christopher suggested you can use SEO by Yoast plugin to control titles, use seo codes – https://yoast.com/articles/wordpress-seo/#wpseo-plugin-titles
4. Unfortunately the megamenu was not designed for mobile menu, so it will not display the page content there.
Thanks!
Hi
Okay, I followed your instructions to move CSS and used following code:
$this->move_style_to_footer_queue(‘td-theme’);
$this->move_style_to_footer_queue(‘js_composer_front’);
$this->move_style_to_footer_queue(‘google-fonts-style’);
and I did pagespeed test at:
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.windowsmechanic.com%2F
Under the Desktop section, I find most of the CSS have moved to footer and “Eliminate render-blocking JavaScript and CSS in above-the-fold content” now kinda Okay. Good Job here and thank you for help.
But under Mobile section of page speed (please check my pagespeed link), I do find same CSS files are blocking. Especially google fonts. But we already have the following codes in the td-speed-booster.php
$this->move_style_to_footer_queue(‘google_font_open_sans’);
$this->move_style_to_footer_queue(‘google_font_roboto’);
$this->move_style_to_footer_queue(‘td-theme’);
$this->move_style_to_footer_queue(‘js_composer_front’);
$this->move_style_to_footer_queue(‘google-fonts-style’);
Any Idea why the same CSS blocking message appears again under the mobile section of page speed ?
Do we have any other section in td-speed-booster.php where I need to add code to change my pagespeed score (Mobile) higher?
Regards
Siraj
Hello there!
my website is fitupp.com
I just uploaded logos and on mobile it’s misaligned!
I uploaded one for mobile it was still the same issue!
Here is the screen shot:
http://pasteboard.co/6mn8TBm.png
http://pasteboard.co/6mw2UIS.png
Thanks
Hi,
How can I disable more article box for mobile users. And also is it possible to set appearance threshold based on a div id like #comments instead of setting a distance.
Hi Chris, thanks for the response, yeah it was a problem with a setting in Yoast Seo in the permalinks I just unchecked- Strip the category base (usually /category/) from the category URL. and when I emptiedd the cache and re checked it it worked fine then.
Would you know why my menu bar is appearing as black on mobile, I have it set to clear but is still black
I can’t seem to solve or make progress on my Newspaper Theme performance issues.
I’ve got five friends that want to use Newspaper, too, if only I can get past my performance issues.
(They’re new bloggers, they like the idea of the theme, they’re a bit worried about my inability to fix my performance issues, or to find someone who can.)
My performance sucks (in the 40’s) with no clear remedy in sight.
Worse, when users hit my site the first time, the page loads blank (no images show)
If they reload the home page, then images show the second time, but after a flash of gray.
Here are screen shots:
* Empty Images – http://www.awesomescreenshot.com/image/509260/1ae034f2ac380576a5dd1d8e49faed92
* On Reload – http://www.awesomescreenshot.com/image/509262/dd0893dd0a1944de6aab6f0a9591e297
I haven’t seen anybody else’s site load like mine, where it’s all framed out with gray placeholders, and then, as if a second flash, the images then show up.
Here’s my setup at a glance:
* I’m hosting on Siteground.
* I use WP Rocket which is tested with Siteground — just default options.
* I’m using a CDN (Cloudflare), with default options.
* I have Gzip working.
* I use WP Smush Pro to smush all images (all images are smushed.)
* I used P3 (Plugin Performance Profiler) to analyze plugin performance.
I contemplated W3 cache (well, In installed it, but it was immediate conflict with WP Rocket, and WP Rocket’s feature compare shows superior in all regards, but I don’t have enough experience yet to know of it’s true.)
I get Chris’s point on the difference between buying a car, and driving the car. Well, now I want to know how to drive like the Mario Andretti. I feel like I’ve got the “owner’s Guide”, but not the “Driver’s Guide”. But actually, I don’t want yet another guide, I want a student driver model where I pay a consultant to show me the ropes for a couple of hours while fixing things, looking over my shoulder, or me looking over theirs.)
My images are probably the main problem, I don’t know how to fix them without doing weird acts of God, and I’m trying to keep posting simple and pragmatic, not build a better mouse trap with weird optimizations and even weirder workflow.
Tutorial
—————-
I’ve seen these tutorials …
* Page Speed Tutorial – https://forum.tagdiv.com/topic/tutorial-pagespeed-2015/
* How to make the site faster – https://forum.tagdiv.com/how-to-make-the-site-faster/
* Better Explained – How Compression Works – http://betterexplained.com/articles/how-to-optimize-your-site-with-gzip-compression/
* Google on Image Optimization – https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/image-optimization
Posts
—————
I’ve seen these posts:
* Pagespeed – https://forum.tagdiv.com/topic/pagespeed/
* What is your google page speed value – https://forum.tagdiv.com/topic/what-is-your-googlespeed-value/
Tips
——————–
I’ve seen these tips:
* Chris S – Additionally, I use the WP-Optimize plugin to regularly optimize my WP dbase. Cutting 800kb out of your dbase once a week, or after a large number of posts/pages, also speeds up your system overhead. https://forum.tagdiv.com/topic/what-is-your-googlespeed-value/
* Chris S – If you can hit 90+ on your desktop score and 85+ on mobile, you can live a happy life and not stress over it. https://forum.tagdiv.com/topic/what-is-your-googlespeed-value/
* Chris S – – There are numerous resources on the net to learn how to set-up your web server account for gzip, expiration headers, optimize your images prior to uploading to your site, editing your htaccess file for WordPress, limiting use of resource hogging plugins unless absolutely necessary, etc., using W3cache with the minimal settings recommended in this forum from Radu/Marius (( QUOTE: w3 total cache use only the ‘full page cache.’ )) – https://forum.tagdiv.com/topic/pagespeed/
* Radu – On the demo we are running a stock theme with our stock speed booster plugin! Also note that any additional plugins slow the theme down and lower the score in pagespeed. – https://forum.tagdiv.com/topic/what-is-your-googlespeed-value/
Tools
————
I’ve used these tools
* Google Page Speed – https://developers.google.com/speed/pagespeed/insights/
* GTMerix – https://gtmetrix.com/analyze.html
* Is compression working? http://www.gidnetwork.com/tools/gzip-test.php
* Pingdom Tools – reality test – http://tools.pingdom.com/fpt/#!/bGth8K/sourcesofinsight.com
* Web Page Test – http://www.webpagetest.org/
Google tells me my page speed sucks. Is Compression Working tells me Gzip is working. Pingdom tells me my images are bloated. GTMetrix fails with a 522 timeout and blames my CDN.
The quote that keeps me going is:
“Whatever doesn’t kill you makes you stronger.”
I guess I’m getting stronger day by day.
JD
I have a problem with my Newspaper theme in mobile view.
When I view my site on desktop, it works just fine. However, when I try to view my site on my phone in mobile view, it shows some codes on the homepage which can only be seen in mobile view.
My site: http://www.angliaikisokos.com
Thanks for your help, in advance.
Hi
My menu is appearing black on mobile, I have it set to clear and it displays clear on desktop but black on mobile
Hello,
I have installed v6.2 of Newspaper theme on my website.
URL : http://www.naukrinama.com
I have few doubts :
1. I have created a Page Named States : http://www.naukrinama.com/state-jobs
Now just below the page title i want to show sub-category tags of this particular page like this :
http://www.naukrinama.com/government-jobs/
How can i do this ?
2. How can i remove the sorting dropdown in the right corner from Category pages where it gives options as (Latest, Featured, Last 7 Days,etc.) :
http://www.naukrinama.com/government-jobs/
3. Wherever Pagination is coming on Either HomePage Latest Articles or Category Detail Page and I change the page then the URL also gets changed. Because of it, duplicate meta-tags are getting generated in google webmasters.
For Ex. :
http://www.naukrinama.com/
http://www.naukrinama.com/page/2/
or
http://www.naukrinama.com/government-jobs/
http://www.naukrinama.com/government-jobs/page/2/
Can you tell me how can we switch pages without changing the URL (May be changing pages through Ajax or JS requests).
4. I have created a multi column page based megamenu named “States” on my website. But when i open it in Mobile layout then it is not getting visible. It only shows top level “States” option, and none of its sub-options are visible.
Screenshot 1 : http://imgur.com/6sNxIOl
Screenshot 2 : http://imgur.com/LNW9Daf
Using my site on IPHONE (i cant replicate this error on Android, or using my Chrome as mobile) when i rotate to landscape and rotate back to vertical scape, in vertical the site shows a black item.
Pic: https://imagizer.imageshack.us/v2/323x600q90/538/9SkMO6.png
Have any of you had this problem? Could he fix it?
Thank you for your prompt response.
I understand your suggestion, but I don’t see the Custom CSS section for articles. My content format uses Giphys in most of them.
Here’s an example: http://betterlifefocus.com/if-you-really-truly-want-to-succeed-buy-into-the-yoda-code/
You’ll see three Giphys in the article.
I’m still building this site and am working to get all the finer details inured before I start promoting it in earnest. Most of my visitors will hit it via mobile, so resolving this issue in a practical manner is a top priority for me.
I appreciate your continued assistance.
Hi,
The theme doesn’t have style added for Giphy graphics however I’ve tested this using an embed iframe for this gif: http://giphy.com/gifs/graphics-pD29ZaiThhXsA
You can try to use this custom css to make them appear well on mobile screens: http://screencast.com/t/o6eGth099xT
@media (max-width: 767px) {
.giphy-embed {
width: 100%;
}
}
Add it in theme panel > custom css section.
Provide your site’s URL with an example so we can inspect it if it doesn’t work for you.
Thanks
Hi,
Please check this also with the main theme and see if you still have this issue. If your page is displayed fine on mobile, please make sure that you update the child theme, as if the old version is used you may have some issues like this. I have checked your site and in page source appears 4.3 version of child theme, so please update it, you can find it in the /code folder from theme files that you download from themeforest – https://forum.tagdiv.com/whats-included/
Also here is the new child theme documentation – https://forum.tagdiv.com/the-child-theme-support-tutorial/
Thanks!
Hi,
@lospicos I have provided above an example, so you can try to modify this also the Big Grid 1 block on mobile. I suggest to hire a profesional developer to do this for you, if you don’t know how to do it. We would have gladly made it for you, but for the moment we cannot offer custom work, sorry!
Thanks!
Hi,
Please use this custom css – http://screencast.com/t/ISsO24sPjd1v
@media (max-width: 767px) {
.td-header-top-menu-full {
display: block !important;
}
.td-header-sp-top-menu {
display: block!important;
}
.menu-top-container {
display: none !important;
}
.td-header-sp-top-widget {
display: none !important;
}
}
I will also add your suggestion for mobile menu on our list.
Thanks!
Is there any update to this issue? WPTouch compatibility would be a really great thing or a trimmmed version of Newsmag for mobile users. For this I would pay too! Either way, please do something.
Thanks!
I’m trying to figure out how to make Giphy graphics responsive.
They don’t reduce in proportion with the rest of the page content when in mobile mode.
I don’t have this problem with stills, even though I specify their dimensions in the HTML code.
Any thoughts or suggestions would be greatly appreciated.
It is a button that a person clicks to share a internet connection line with others. I Googled it and its for sharing internet connection with others. Sharing a telephone line with others. Unless, he means something else. That is what I am getting from that. There is no plugin that offers that button.
Actually there is a plugin on WordPress depository, but it only works for mobiles. Not on desktops.
I am using three columns on “homepage blank”, when i use the site in mobile (landscape mode) we need show two blocks per row (pic 2), not one (pic 1). And the third block should be under row together with the first block in the under row. The others two blocks be together in another row.
Pic 1: https://imagizer.imageshack.us/v2/571x343q90/673/ehMrqZ.png
Pic 2: https://imagizer.imageshack.us/v2/571x345q50/910/79WdUj.png
My theme version is: 3.8.1
¿How we can do this?
No crawl errors or significant 404s all is well in Console.
No permalinks and is mobile friendly I’m sure. Pingdom 5s down from 3
Should the code be put in the theme field of using Yoast too?
Pat
Google has been making changes to their algorithm and rolled out latest changes recently; this is an ongoing process. Sometimes changing your page structure, layout, placement of links, etc. can cause a change in indexing. Obviously good to check your Google Search Console (previously Webmaster Tools) for any crawl errors, drop in inbound links, rise in 404 errors if you changed permalinks, etc.
Also if your mobile friendly status changed, or PageSpeed dropped considerably, that can also have an impact.
We’ve been going through the same issue with our California news portal (10+ years old).
This seems to really be impacting sites in Google News due to how they “feature” news items for 7 days, but then seem to “whack” the organic results for awhile, then they come back.
We’ve not been able to sort out WHY this happens — one of our sites took huge traffic hit (using Canvas theme); while another took a huge jump switching from Canvas to Newsmag.
Perfect thanks. Now how do I hide the top menu on mobile?
Thanks
