Home>Support>Tap Targets

Tap Targets

By Bob1, 6 years ago. Last reply by govtnic, 5 years ago.

I read the below comments about the tap targets and I to am getting this back from Google, saying that they are to small.

I believe they are in the h3 line of your code but not to sure ( yes I have went through line by line in your code….LOL

Is this were the CSS is to be used?

URL: http://www.canadianprocessserving.com/st-thomas-process-servers-office-has-moved/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 6 years, 7 months ago Andrew Misplon Hi, I Work Here

    Hi Bob1

    Thanks for reaching out.

    Do you have any specifics offered by Google on exactly which selectors are too small? Any more detail than h3? Perhaps a class name?

  2. 6 years, 7 months ago Bob1

    Hi Andrew here is the warning from Google itself:
    Consider Fixing:
    Size tap targets appropriately
    Some of the links/buttons on your webpage may be too small for a user to easily tap on a touchscreen. Consider making these tap targets larger to provide a better user experience.
    The following tap targets are close to other nearby tap targets and may need additional spacing around them.
    The tap target Airdrie Proces…ffice now open is close to 1 other tap targets.

    Since this is a relatively new thing from Google, Im sure it was never looked at beforehand as an issue, many thanks!

  3. 6 years, 7 months ago Bob1

    Sorry here is the link for some reason it did not cut and paste properly.
    http://www.canadianprocessserving.com/airdrie-process-serving-office-now-open/

  4. 6 years, 7 months ago Andrew Misplon Hi, I Work Here

    Thanks. I think the tool might be referring to the sidebar links. You can increase the spacing between your sidebar links by inserting the following at Appearance > Custom CSS:

    /* Sidebar and Footer */
    
    #secondary .widget ul li a, #footer-widgets .widget ul li a, #secondary .widget ol li a, #footer-widgets .widget ol li a {
    	display: block;
      	margin-bottom: 10px;
    }
    
  5. 6 years, 7 months ago Bob1

    Thanks Andrew, for some reason it does not allow me to cut and paste this code……

  6. 6 years, 7 months ago Andrew Misplon Hi, I Work Here

    Mmm, have you tried highlighting it and clicking “ctrl + c” on your keyboard?

  7. 6 years, 7 months ago Bob1

    LOL, okay I figured that one out now!!

    Ctrl c to cut ctrl v to paste…

    Okay got that all done and re-ran google test but same error comes up :(

  8. 6 years, 7 months ago Andrew Misplon Hi, I Work Here

    I’m happy to help with changing the spacing around a link if you know which link you’d like to work on. It’s unfortunately a little beyond our scope to look through the theme as a whole. As you can imagine there are links in lots of places, from the menu to post titles, widget areas, the footer, the list is long. If you have something in particular you’d like to look into we can lend a hand :)

  9. 6 years, 7 months ago Bob1

    Thanks Andrew here is the link to the landing page http://www.canadianprocessserving.com Go there and then look at the ” Recent News” at the bottom, that is the area that Google is having an issue with.

    Hope this helps

  10. 6 years, 7 months ago Andrew Misplon Hi, I Work Here

    Sure. Give the following a try at at Appearance > Custom CSS:

    /* Recent Posts */
    
    .widget_recent-posts ul li {
    margin-bottom: 25px;
    }
    

    Adjust the 25px value as required.

    Thanks

  11. 6 years, 7 months ago Bob1

    Okay so here is something strange that just happened….

    1. Google no longer says its a problem….

    So, either the initial code worked, and or google is not re-crawling in a 30 second interval like they say they do…..
    Very strange huh?

    2. I found out there is a custom CSS plugin on this website that is not yours, would this make a difference at all??

    Many thanks :)

  12. 6 years, 7 months ago Andrew Misplon Hi, I Work Here

    Super :)

    No, no problem.
    Vantage Premium adds “Custom CSS” to the Appearance Menu.

    Plugins like “Simple Custom CSS” add an item by the same name.

    Jetpack > Settings > Edit CSS will add an item under Appearance called Edit CSS.

    No point in doubling up but it doesn’t matter in functional manner.

  13. 6 years, 7 months ago Bob1

    Whoops sorry my mistake this site has no CSS plugin, but yes is using your default one :)

  14. 6 years, 7 months ago Andrew Misplon Hi, I Work Here

    Perfect :)

    For more power in the future you might check out our new CSS plugin:

    Page: SiteOrigin CSS Editor

    All the best.

  15. 5 years, 1 month ago govtnic

    Hi Andrew!
    I am struggling to solve the issue on my blog Govt Nic, here is the result – https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fgovtnic.in%2Fsbi-clerk-notice-exam-date-result%2F

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More