By Caizergues on Tuesday, 05 May 2015
Posted in General Issues
Likes 0
Views 1K
Votes 0
Recently, google has enphasized "mobile friendliness" in its ranking of sites.

I use EzBlog 3.9 with the origami theme and a template "sphere" provided by yootheme on joomla! 3.4

http://www.leucateplage.fr/actualités

Google finds that buttons are too small (print,notification, share...) and that the text of the posts is too small.

What is the standard way to fix that ? Should I hack the theme css ? the template?

Thanks for your help.

Paul

NB : I did not find any entry on this subject in the forum. Iam the only one ?
Hello Ezrul,

Thanks. I incorporated the code on both sites with (I think) a slight improvement. i thought i understood your code, and tried to increase the bottom margin further, with no visible result.

So I am going to leave the issue for the time being.

However, I suggest that the theme designers give a look to the issue and introduce a permanent fix in a later release.

Thanks. item closed.

paul
·
Friday, 08 May 2015 18:10
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Caizergues ,

Yes, it seems like you are the first one reporting this

First, may i know how to you get this result from Google? Perhaps you can provide us step by step how to get this Google result so that we can take a look of this?

Second, I have tried to access in your page -> http://www.leucateplage.fr/actualités , but hitting 404 error. Please advise.
·
Wednesday, 06 May 2015 00:55
·
0 Likes
·
0 Votes
·
0 Comments
·
Sorry, it is not the URL but the access path http://www.leucateplage.fr then menu item ACTUALITES then access any post detail.

the theme places small print buttons below the title of the post : notifications, imprimer(print),partager(share).

these buttons seem to be the culprit.

As for Google, its a mess :

1- I received messages in my webmasters tools console regarding two sites using Ezblog, mentionning "buttons too close" and "character size too small" for all Ezblog post detail pages.
2- I ran the tool on one page to check. In addition to the problems above with the buttons, it indicated some ressources blocked by the robor.txt file
3- I fixed robot.txt and retested the page which came out as mobile friendly
4- I still have the diagnostic indicating 85 pages with errors. But when I test one it comes out OK. I did not identify a way to launch a global test of the site...

So the main problem, from googlebot view point, seemed to be with the robot file, and appears to be fixed, pending further notice.

It is however quite true that these buttons are not usable in practice on a smatphone screen.

So I think it would be a good idea to fix that for viewing on mobile screens. The print button is useless on mobiles and the "share" button could be bigger...

Thanks for your advice...

paul
·
Wednesday, 06 May 2015 16:13
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Caizergues,

I've try to inspect your site in mobile view and it seems like everything is working fine from my end. The print button is displaying properly as you can see from my screenshot here, http://screen.stackideas.com/2015-05-06_1922.png . Am I missing something here? Please advise
·
Wednesday, 06 May 2015 19:23
·
0 Likes
·
0 Votes
·
0 Comments
·
In this area of the theme layout, there are several other optional buttons :"comments", "notifications", "number of hits", "size of text". I left all of them on http://www.ronchon-prod.fr (check any post detail). On the computer screen view, they appear on a single line. they are small but can be easilly selected with a mouse cursor. In a mobile screen view, even if you use the wide view,(horizontal rather than vertical) they appear on two lines, too close from one another to be easylly selected with a finger touch.
To make the area uncluttered, I have opted out most of them on leucateplage.fr, and it is more usable, since they appear then on a single line, but still very close from one another. And the list has to be reduced for the computer creen view too.
So I would like, either a way to sligthly increase the vertical margins between the buttons when they appear on two lines, or a way to make the list of buttons in the mobile view different from the list of the full computer screen view.

I hope I am clearer. thanks,

Paul

NB How did you make the mobile view sceen shot in your answer ?
·
Thursday, 07 May 2015 15:32
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Paul,

I am sorry for the delay of this reply.

Can you try apply the following css code inside your /templates/yoo_cloud/css/custom.css and see how it goes?

@media (max-width: 768px) {
#ezblog-body .blog-option li + li {
border-left: none;
margin: 0px 80px 10px 8px;
padding: 0 0 0 0px;
}
}
·
Friday, 08 May 2015 17:06
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Paul,

Thank you for the feedback.
·
Friday, 08 May 2015 19:04
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post