Clickable elements are too close together

leon55

Google Search Console informs me that my sites on smartphones have a problem: "Clickable elements are too close together" (in German: Anklickbare Elemente liegen zu dicht beieinander), on the first pages.
Judging by the dates, this problem appeared after I made an unstick logo image (https://www.joomlart.com/forums/d/42890-is-it-possible-to-unstick-logo-image).

It concerns for example the site geschichte-chronologie.de
https://search.google.com/search-console/mobile-usability/drilldown?resource_id=https://de.geschichte-chronologie.de/&item_key=CAs&utm_source=wnc_10030260&utm_medium=gamma&utm_campaign=wnc_10030260&utm_content=msg_100058682&hl=de

Is it possible
1) find out what elements are talking about?
2) get rid of the problem (without abandoning the unstick logo image)?

Thank you.

saguaros

leon55 Could you share the report in English?

Could you revert the changes in that topic and see how it goes? as that change doesn't relate to logo though

leon55

Thank you.
Sorry, I didn't write in my post that before writing about this problem in the forum, I did just that - on one of the sites I returned to the state that preceded the unstick logo.

Since Google continued to report the bug two days later, I reached out to you.

Perhaps not enough time has passed for Google to react. I'll check the rollback again for more time. Please do not close the topic.

saguaros

leon55 I will keep this topic open 🙂

leon55

Dear Saguaro,
unfortunately, I could not find the reason why the Google Search Console find errors on the first pages of my sites.

While I took advantage of the fact that I compare two sites (in German and Russian), identical in terms of software.
I experimented on the Russian website with the "unstick" of the logo (now "stick") and the placement of elements. In particular, I have reverted the situation to its previous state (as far as I could, perhaps not completely). But I did not find any errors and solution.
The logo on the German website is unstick.

For both sites, the Google Search Console reports (translated into English):

Reasons why pages cannot be used on mobile devices
The sites where these problems occur do not have a high level of user convenience
Problems:

Clickable elements are too close to each other
Content is wider than the screen

German:
https://search.google.com/search-console/mobile-usability?resource_id=https%3A%2F%2Fru.geschichte-chronologie.de%2F

Russian:
https://search.google.com/search-console/mobile-usability?resource_id=https%3A%2F%2Fru.geschichte-chronologie.de%2F

I am grateful for your cooperation and patience.

All the best to you.

Leon

saguaros

Hi Leon,

I don't have permission to view these links, could you grant the access?

leon55

This message is visible to Moderators only

hidden content

saguaros

leon55 I meant that I don't have permission to view the search google console links above.

Kindly check.

leon55

This message is visible to Moderators only

hidden content

saguaros

leon55 It has option to share that report, kindly share with my email (I added into fields of first post)

leon55

This message is visible to Moderators only

hidden content

saguaros

Hi Leon,

It notices the links on mobiles are a bit close, you can try to use this custom CSS code into your site:

.category-list .cat-children .page-header {
    padding-top: 30px;
}

.t3-sidebar .nav > li > a, .t3-sidebar .nav > li > .separator {
    padding-top: 30px;
}

paste into the file: root/templates/purity_iii/css/custom.css

and see how it goes.

leon55

Thank you very much. I made changes. Now we have to wait a couple of days to see how Google will react.
I'll let you know the result.
I admire your attention to user questions. As well as the flexibility of your platform and template.

leon55

This message is visible to Moderators only

hidden content

saguaros

Could you share this via email so I can check?