How do I fix "Clickable elements too close together" error from Google Webmaster tool?
How do I fix "Clickable elements too close together" error from Google Webmaster tool?
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.
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.
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.
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.
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.
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.
|
Bookmarks