Ever since updating your theme Im having this issue from google, it keeps saying some of my pages are not mobile friendly, how to fix this errors please,
Not Mobile Friendly
X Content wider than screen
X Links too close together
I made a page called news or noticias where I set as my blog page, but I get not mobile friendly pages on test results.
here is the page…https://www.cubacontacto.com/noticias
What is causing this? How do I fix this error? Whats your best recommendation?
Hi
Thanks for reporting this, I’ve added it on our todo list and developers will try to find a solution for it as soon as possible. Meanwhile try this css to add a margin above author name:
@media(max-width: 768px){
.td-post-author-name {
margin-top: 5px;
}
}
Hope this helps.
Thanks!
And where exactly do you want me to insert this code at? which page?
You can add CSS to either your style.css file in your theme; or in the custom code panel in the theme panel. Note the option to add CSS to your header in the “custom code” panel in the theme.
Also note, I’ve also had to add some margin to the tags and category “pills” so that “tap targets are not too close to one another.”
HI
@alberto786 you can paste the css here: http://screencast.com/t/xNT1Zo9kl
Thanks!
Thank you Chris, will try it to see if takes away my errors.
Thank you Andrei, will keep you posted on the issue, ok.
Ok guys, I added the code to the theme panel in the custom css and still get errors, ok, did not work.
HI
The warning refers to another links, I assume that are the links from social sharing top. Try this css to increase the margin between the icons: http://screencast.com/t/lvtq2D9zP
#td-mobile-nav .td-social-icon-wrap {
margin: 20px 9px 7px 0px;
}
Thanks!
I tried both css codes and still not fixing my problem ok, how about giving me another theme from you guys because this is causing me seo downgrade. Maybe newspaper 7
Please help me solve this.
Thank you
This is an issue with all themes; where you need to tweak some stuff with custom CSS depending on how you happen to use the theme.
Also note there is difference between
A) mobile friendly
B) high pagespeed score for mobile devices
so, your site can have a medium score for pagespeed insights and still be “mobile ready” for Google.
Two totally different things.
For example testing one of your posts
https://www.cubacontacto.com/2016/08/25/los-problemas-economicos-de-venezuela-causan-escalofrios-en-cuba.html
says your site is “mobile friendly” according to the test:
https://www.google.com/webmasters/tools/mobile-friendly/
however, when you see the test render it looks like you have some funky broken registration panel dominating the page which is not normal.
So, it looks like something is not setup properly in your registration system you happen to be using.
OK, first of all, this only happens with your theme, OK, I have used other themes and I don’t get this error message when I do a mobile friendly test, Im not concerned about speed,ok but I’m concerned about seeing not mobile friendly in google page results, when it comes to “tweaks” its because you guys recommend doing it, Its not me,OK, its your theme, my blog is running on WordPress and I don’t know what you mean by funky broken registration panel or system because I’m using the latest version of WordPress hosted on Siteground and this error Only shows up in your theme, as a matter of fact, Im changing theme just for you so you can look for yourself and I bet you you wont see the error.
Look at new test results, green all over, ha, Its your theme, no funky setup here!
As a matter of fact, how about a refund or provide me with a non error theme? I’ve done everything possible and still not resolved.
Thank you, and please, lets finish solving this once and for all.
Whatever. I dont work here. But learning to do this stuff will help you no matter what theme you use. If you cant even look at the example provided, then likely going to have a lot of trouble in future. Cheers.
Hi @alberto786
I’ve tested the code provided and those warnings disappear from google’s report after the css was added. Those issues will be fixed in next theme’s update.
If you are unsatisfied with our theme and you feel that is not suitable for your project we’re willing to provide a refund. You can ask a refund following this link: http://themeforest.net/refund_requests/new
Thanks!
Andrei, the errors disappeared because I changed the theme to prove that I only get this error in your Newsmag theme, OK, No other themes I tested gives me the errors, Im trying to work with you guys to get this fixed, When is update coming up? Can you provide me with updated css files asap to solve this?
Let me know please, thank you.
Hi
You still have the that warning still appear in google’s report if you run a page-speed test, even with new theme enabled: http://screencast.com/t/iPHT5Ei4No
The css I’ve provided should remove that warning, I’ve made a test on my side and works fine. We will inspect this and in next theme’s version will look for a different implementation.
I can’t say for sure when the update will be released but we try to make it as soon as possible.
Thanks!
Andrei, you did a speed test, not mobile friendly test, here is the last test I did just now where it shows no mobile friendly errors..https://www.google.com/webmasters/tools/mobile-friendly/?url=www.cubacontacto.com%2Fnoticias
By the way, I implemented your css files on your theme’s panel and error was still present, that’s why I changed to new theme, ok, I don’t know what kind of test you did, but according to webmasters tools, blog page still showed not mobile friendly.
Whats your next recommendation to solve this?
Even with the ENFOLD theme, and with the “mobile friendly” okay badge, you still have some notable problems.
How Googlebot sees this page
This page uses 28 resources which are blocked by robots.txt.
Looks like you might have a bad config in your robots.txt blocking things, which is why I see a broken layout with missing CSS/JS even with this theme in the preview image.
FYI — and I know you don’t care about my opinion — With one of my sites, running latest Newsmag – no caching plugin, no CDN — it passes mobile friendly, just like all our sites running TagDiv theme:
https://www.google.com/webmasters/tools/mobile-friendly/?url=http%3A%2F%2Fcalifornianewswire.com%2Fsambrailo-packaging-launches-certified-organic-fruits-and-vegetables-packaging-for-ccof-certified-growers%2F
I suspect your robots.txt file is messing up your site, regardless of theme.
Of course this *is* noted on the mobile friendly test page.
Chris, Chris, Chris, I don’t know why you assume that I don’t care about your opinion, I got nothing personal really, its just that I’m frustrated with my issue and the recommendations given to me don’t work, my robots are normal, I’m not using anything abnormal settings, just blocking wp/admin and wp* in robots file, that’s all, I don’t think that’s a reason to give me errors, all those css errors are unknown to me, first time that I see this many errors, anyways, maybe I should get me someone to adjust my htaccess file to solve this problem.
And FYI, all opinions are a mind opening experience for me, I’m glad you’re not having these problems with your blogs, maybe you can help me fix this?? I can copy your settings and give it a try.
Um, if you block wp* in robots.txt then everything in wp-content – including themes css, images, etc. won’t load properly, hence why the “preview” in the Google mobile speed tester shows broken layout.
Even YOAST says not to do this, as it breaks how Google views your pages – as in this case.
https://yoast.com/wordpress-robots-txt-example/
Simply remove the blocks from robots.txt — which you don’t need to do as anybody can still go there — they don’t actually stop anybody from doing anything, from a security point of view.
Google needs to load the “dependencies” for WordPress in order to load the pages — so if it cannot load the mobile CSS, then it can’t actually load the mobile version properly hence the errors.
Have you tried “fetch as Google” in your webmaster tools account to see EXACTLY what Google sees when scanning your page?
e.g.,
https://support.google.com/webmasters/answer/6066468?hl=en
anyway — I’m out on this topic, but hopefully my ramblings have provided some pointers on where to look. 🙂
I would seriously try removing the stuff in your robots.txt file and retry.
Well Chris, after following your advice my errors dropped dramatically big time after changing files in my robots file, I still get 3 errors thought, trying to figure out what the heck are those files about, but big improvement thought, will set back to Newsmag theme once I solve those errors.
You see, never say never when someone has opinions, good job and thank you for all your help.
Well, even better now, I noticed I was getting 3 errors from Facebook icons?? and after setting the Newsmag theme again, they all disappeared, WOW. amazing , hey it was because you Chris, maybe these guys can hire you, I was going crazy with this problem and they failed to look into this minor detail that was causing errors, next time in Florida drink is on me, OK.
I’m also interested in hearing from you about your homepage settings, I can use all the help I can get.
Heh. Im usally a pest from time to time here as i adopted tagdiv themes back in 2013 when i was rebuilding one of our in house themes, usimg bootstrap, and just decided had to be something out there to do what i wanted, and how i ended up here after buying theme.
I also ran a hosting company for 10 years. Built my first web site march 1995, and started using wordpress for some things in 2004. While i still prefer shtml, ive started moving just about everything to wordpress. But man the hoops ive gone through.
Anyway, glad you got a handle on it!
