This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Tap Targets

Resolved 15 replies premiumthemetheme-vantage
Bob1
10 years ago · Last reply by govtnic 9 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.

Need fast email support? Get SiteOrigin Premium

Replies

15
  1. Andrew Misplon Staff 10 years, 8 months ago

    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. Bob1 10 years, 8 months ago

    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. Bob1 10 years, 8 months ago

    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. Andrew Misplon Staff 10 years, 8 months ago

    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. Bob1 10 years, 8 months ago

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

  6. Andrew Misplon Staff 10 years, 8 months ago

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

  7. Bob1 10 years, 8 months ago

    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. Andrew Misplon Staff 10 years, 8 months ago

    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. Bob1 10 years, 8 months ago

    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. Andrew Misplon Staff 10 years, 8 months ago

    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. Bob1 10 years, 8 months ago

    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. Andrew Misplon Staff 10 years, 8 months ago

    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. Bob1 10 years, 8 months ago

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

  14. Andrew Misplon Staff 10 years, 8 months ago

    Perfect :)

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

    Page: SiteOrigin CSS Editor

    All the best.

  15. govtnic 9 years, 3 months ago

    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.

Have a different question or issue?

Start New Thread