Log in

View Full Version : How do I fix "Clickable elements too close together" error from Google Webmaster tool



makoo
09-24-2020, 08:21 AM
How do I fix "Clickable elements too close together" error from Google Webmaster tool?

jayam
09-24-2020, 08:40 AM
Step 1: Identify the Example URL. Login to your Google Search Console account and check the example URL that is returning such an issue. ...
Step 2: Run a Mobile Friendly Test. ...
Step 3: Optimize The Touch Target Size. ...
Step 4: Set The Mobile Viewport Tag. ...
Step 5: Validate Fix.

jayammrg
09-24-2020, 08:46 AM
Hi, The clickable elements too close together error can be generally solved by adjusting your css styling. If you click on the URL notified in the search console you can inspect further by live testing.

chandrao7
09-24-2020, 08:51 AM
2 Answers. I looks like your first div ( #page ) (and several others) is set to width 750px, so as soon as you have a screen with width less than that, it will have to scroll sideways for those last pixels. You can try using percentages for width, or css media queries.

Dynapro
09-24-2020, 09:05 AM
Some possible ways to fix this type of issue are:

Increasing Font size used.
Increasing spacing between letters.
This is typically done with CSS Styling.

Most times what looks good on a desktop will not look good on a phone. The text will be too small or the letters squished to close together.

CSS can specify that on desktop you use a font size of 11 and when the user is using a phone you can specify a font size of 14.

Typically for a web page the settings for font size is smaller on desktop and a bit larger on tablets, and larger still on a phone,

for example font size 11 desktops - 12 on tablets - 14 on phones.

It is also typical to change the spacing between letter as well for the three different devices.

shimarhussain12
09-25-2020, 03:51 AM
When you log in to your Google Search Console account, you might see the “Clickable elements too close together” error.
...
Step 1: Identify the Example URL. ...
Step 2: Run a Mobile Friendly Test. ...
Step 3: Optimize The Touch Target Size. ...
Step 4: Set The Mobile Viewport Tag.

swaroop97
10-29-2020, 04:37 AM
Step 1: Identify the Example URL. Login to your Google Search Console account and check the example URL that is returning such an issue. ...
Step 2: Run a Mobile Friendly Test. ...
Step 3: Optimize The Touch Target Size. ...
Step 4: Set The Mobile Viewport Tag. ...
Step 5: Validate Fix.