- TutorialsWhat is Ajax preloading?
I opened the debugger through chrome for the Nexus 5 and this is the error that is popping up:
(The ver=x is due to the latest full update of Newspaper having it’s version number set to “x”. Even after applying the patch update which has the correct ver=3.4 I’m still getting the error)
Our mobile menu has stopped working on mobile. It work fine when the browser window is shrunk, or when chrome is used to “emulate” a screen size, but it doesn’t work on an actual android phone (Nexus 5).
Url : http://denimology.com/
Any help would be appreciated.
Hi,
That is a bug when resize the browser at mobile version and refresh the page, then go back to full screen, the java-script don’t resize the menu again, only on refresh.
Thanks!
thanks for the answer. I disable ads, i only have 1 in the homepage, in w3 total cache i enable only Page Cache, i put your code in htaccess, and launch the pagespeed test. If i make a pagespeed test in others webs the screenshot of the mobile and desktop in pagespeed it’s ok, but in my site isn’t. I don’t know what’s the problem :S. Sometimes appears something, sometimes it’s empy, sometimes appears only the text of menu mobile (in mobile screen)
The mobile score is better ;). But in the screenshots appears empty the mobile screen :S
In w3 total cache i only check the Page Cache in the general settings tab or i need make more changes in the other tabs?
The option of Minify should be enable?
I use http://cssminifier.com/ for my style.css and works but i realized another pagespeed test ando mobile score was 59.
The results in mobile test:
Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 5 blocking script resources and 8 blocking CSS resources. This causes a delay in rendering your page.
None of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML.
Remove render-blocking JavaScript:
http://ajax.googleapis.com/…s/jquery/1.10.2/jquery.min.js?ver=1.10.2
http://ambito-financiero.com/…ns/jetpack/_inc/postmessage.js?ver=2.9.1
http://ambito-financiero.com/…/jetpack/_inc/jquery.inview.js?ver=2.9.1
http://ambito-financiero.com/…/_inc/jquery.jetpack-resize.js?ver=2.9.1
http://s7.addthis.com/js/300/addthis_widget.js
Optimize CSS Delivery of the following:
http://ambito-financiero.com/…etpack/modules/likes/style.css?ver=2.9.1
http://ambito-financiero.com/…ubscriptions/subscriptions.css?ver=3.8.1
http://ambito-financiero.com/…modules/widgets/widgets.css?ver=20121003
http://ambito-financiero.com/…modules/sharedaddy/sharing.css?ver=2.9.1
http://ambito-financiero.com/…dgets/widget-grid-and-list.css?ver=3.8.1
http://ambito-financiero.com/…s/contact-form-7/includes/css/styles.css
http://ambito-financiero.com/…ster/external/bootstrap/td-bootstrap.css
http://ambito-financiero.com/wp-content/themes/Newspaper/style.cssPrioritize visible content
Your page requires additional network round trips to render the above-the-fold content. For best performance, reduce the amount of HTML needed to render above-the-fold content.
55.9KiB of the response was required to render the above-the-fold content. Prioritize visible content that is needed for rendering above-the-fold.The results in desktop test:
Compressing resources with gzip or deflate can reduce the number of bytes sent over the network.
Enable compression for the following resources to reduce their transfer size by 173.8KiB (74% reduction).
Compressing http://ambito-financiero.com/ could save 46.2KiB (81% reduction).
Compressing http://ambito-financiero.com/…ster/external/bootstrap/td-bootstrap.css could save 27.8KiB (80% reduction).
Compressing http://ambito-financiero.com/…Newspaper/js/min/external.min.js?ver=3.4 could save 25.5KiB (65% reduction).
Compressing http://ambito-financiero.com/…mes/Newspaper/js/min/site.min.js?ver=3.4 could save 14.7KiB (74% reduction).
Compressing http://ambito-financiero.com/…ns/jetpack/_inc/postmessage.js?ver=2.9.1 could save 14.3KiB (74% reduction).
Compressing http://ambito-financiero.com/…jquery.form.min.js?ver=3.50.0-2014.02.05 could save 9.9KiB (62% reduction).
Compressing http://ambito-financiero.com/…modules/sharedaddy/sharing.css?ver=2.9.1 could save 8.9KiB (80% reduction).
Compressing http://ambito-financiero.com/…assets/js/js_composer_front.js?ver=3.6.8 could save 6.6KiB (68% reduction).
Compressing http://ambito-financiero.com/…-form-7/includes/js/scripts.js?ver=3.7.2 could save 6.2KiB (71% reduction).
Compressing http://ambito-financiero.com/…/_inc/jquery.jetpack-resize.js?ver=2.9.1 could save 5.7KiB (72% reduction).
Compressing http://ambito-financiero.com/…/jetpack/_inc/jquery.inview.js?ver=2.9.1 could save 3.5KiB (64% reduction).
Compressing http://ambito-financiero.com/…etpack/modules/likes/style.css?ver=2.9.1 could save 2.9KiB (70% reduction).
Compressing http://ambito-financiero.com/…dgets/widget-grid-and-list.css?ver=3.8.1 could save 1.1KiB (66% reduction).
Compressing http://ambito-financiero.com/…s/contact-form-7/includes/css/styles.css could save 524B (56% reduction).What can i do to improve this? The thing that appear in the list are of jetpack pluging, contact-form, and things of the theme. The screenshots in mobile test only show the menu with any format, and in the desktop text the screen was empty.
I compare the source code of the theme demo with the souce code of my page and its too different. :S. I think this theme is too complicated to config correctly to improve the speed. Its necessary a guide to config the plugins like the theme demo, with the same options, then each user could comment your personal issues. If in the demo has been changed .htaccess for improve the speed and changed a w3 total cache, i think its necessary a guide because the speed of theme is one of best things that it have. If you make a bad config of this items, the theme is slowly like another themes.
Another question, i update the theme with the patch folder, is better reinstall all theme or is the same? I tell this because one of the updates was “clean code” and in my <head> there are a lot of code, more than in the theme demo and another pages that the people put here in the other posts :S
PD sorry for the english 🙂
Thanks for your support, that´s solve my problem.
I made test in pagespeed and the score of mobile version its poor. the tool shows this problems. ¿How can i fix this problems?
Remove render-blocking JavaScript: httpx://www.google.com/jsapi?ver=3.8.1
Optimize CSS Delivery of the following: httx://fonts.googleapis.com/…tnamese%2Clatin-ext%2Ccyrillic&ver=3.8.1 httx://fonts.googleapis.com/…2Cgreek%2Clatin-ext%2Ccyrillic&ver=3.8.1 httx://fonts.googleapis.com/…lic-ext%2Clatin-ext%2Ccyrillic&ver=3.8.1 httx://fonts.googleapis.com/…2C700&subset=latin%2Clatin-ext&ver=3.8.1 httx://fonts.googleapis.com/…tnamese%2Clatin-ext%2Ccyrillic&ver=3.8.1
Prioritize visible content Your page requires additional network round trips to render the above-the-fold content. For best performance, reduce the amount of HTML needed to render above-the-fold content.
In the screenshot of the tool, the menu is displayed before content. This is very important for SEO. http://googlewebmastercentral.blogspot.com.es/2012/01/page-layout-algorithm-improvement.html
Hi,
No, sorry for that. The mobile menu read the menu that you have in Menu editor and is without subcategories.
Thanks!
Hi,
trying out the mega menu and it looks great. However if I have sub categories they show up in the bottom of the menu. As described in the documentation. However, by removing subcategories they also don’t show up in the mobile menu.
Is there any way to have megamenu + subcategories show up in the mobile menu?
Hi,
You have a javascript conflict, see here: http://screencast.com/t/adhcaNkr5Q
Please disable all plugins and see if works.
Thanks!
Hi Marius,
Hi,
Please check for javascript conflict with Firebug or in Chrome. Also disable all plugins or one by one and see if works.
Can you show me a link with the issue?
Thanks!
When I reduce the size of my site to mobile width, my menu becomes a drop-down menu. Before the update this dropdown menu worked fine. But after the upgrade this menu isn’t work. When I click in cell icon brings me to http://www.mysite.com/#
hi,
use this css
div.td-header-menu-wrap {
display: block !important;
}here: http://screencast.com/t/OTdjLw8aIZ
but if yoi have stuff on that bar will squeeze all together.
Thanks for you message.
Radu A.
Hi,
You can’t add it in menu because that works as a Widget.
You can show the top menu on mobile, now is hidden, you can show it adding this CSS in Theme panel -> Custom CSS
@media (max-width: 767px) {
.td-header-menu-wrap {
display: block;
}
}Hope this help!
Thanks for your message!
Hello how can i show top bar with social icons and login form in mobile version? Thanks in advance.
Hello, i would like to add login form widget to main menu. Mobile version of my website doesn´t display top menu bar like desktop version. Are there any option to display top menu bar under mobile version or add login form to main menu? Thanks in advance, sorry for my poor english.
hi,
you have a javascript error : http://screencast.com/t/pcESI84Yw
also I have notice that your site source is all left align : http://screencast.com/t/2Q0BPo9PsN5 witch indicates that you are using a caching plugin.
please switch to : W3 Total Cache without javascript minifier
Thanks for you message.
Radu A.
Hello, so I have a problem with the navigation menu, the main one right below the header/logo. When on my desktop, in full screen everything shows up normally. However, as I was testing the responsiveness of the theme, I noticed that if I minimize my browser window into a size similar to a mobile or tablet device, the menu becomes an icon (the 3×3 square symbol, as it should), but the icon doesn’t work. My website is http://www.dauntlessjaunter.com, and the link to that icon is just …..com/#, and that #pound symbol is just the same page. How can I fix this?
nu inteleg cum e cu page speed …
cand nu am nimic instalat speed booster sau W3 Total Cache si fac un test pe google page speed sau gtmetrix … rezultat >>>
google page speed :40/100 si
Page Speed Grade:(64%)
YSlow Grade:(65%)
dar pagina se incarca repede … chiar si pe mobil e ok
dupa ce instalez tagDiv speed booster … (apropo cu acest plugin nu merge menu in mobile view…) si W3 Total Cache
google page speed :77/100 si
Page Speed Grade:(94%)
YSlow Grade:(80%)
dar pagina este foarte inceata … merge greu si pe mobile e teroare …
ce sa fie ?
ca nu inteleg … cand e scor mai bun merge mai prost ? :))
merci
Hi,
We decided to let this as it is now because the style 3 is made to be used to have instead of the logo a full background image for the header, and on mobile that part should stay on top, not on the menu bar.
I will tell you how to make it in your case:
Edit like here: http://screencast.com/t/DcFjrG1zeEWp
Add this CSS in Theme panel -> Custom CSS
/* responsive phone */
@media (max-width: 767px) {
.td-full-logo {
display: none;
}
}Hope this will be ok for you.
Thanks for your message!
Great, thx a lot.
Hi,
Use this:
@media (max-width: 767px) {
#td-top-search {
position: absolute;
right: 13px;
top: -3px;
}
.header-search-wrap .dropdown-menu:before {
left: auto;
right:31px;
}
.header-search-wrap .dropdown-menu {
right: -14px;
left: auto;
top: 49px;
width: 320px;
}
}hi,
or you can change the menu color.
Thanks for you message.
Radu A.
@nate: Great but is there also a way to get the search icon on the right-hand side of the logo?
