Results 1 to 7 of 7
  1. #1
    Senior Member
    Join Date
    May 2020
    Location
    Spain
    Posts
    982

    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?

  2. #2
    Registered User
    Join Date
    Nov 2019
    Posts
    2,528
    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.

  3. #3
    Senior Member
    Join Date
    Aug 2020
    Posts
    1,204
    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.

  4. #4
    Senior Member
    Join Date
    Aug 2020
    Posts
    1,200
    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.

  5. #5
    Senior Member
    Join Date
    Sep 2020
    Location
    Maxico
    Posts
    360
    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.

  6. #6
    Senior Member
    Join Date
    Aug 2020
    Posts
    355
    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.

  7. #7
    Registered User
    Join Date
    Jul 2020
    Posts
    534
    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.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

  Find Web Hosting      
  Shared Web Hosting UNIX & Linux Web Hosting Windows Web Hosting Adult Web Hosting
  ASP ASP.NET Web Hosting Reseller Web Hosting VPS Web Hosting Managed Web Hosting
  Cloud Web Hosting Dedicated Server E-commerce Web Hosting Cheap Web Hosting


Premium Partners:


Visit forums.thewebhostbiz.com: to discuss the web hosting business, buy and sell websites and domain names, and discuss current web hosting tools and software.