Tap targets are small!I made mine bigger!

12
1.2K followers

If you test your site with

https://developers.google.com/speed/pagespeed/insi...

or https://varvy.com/

or https://varvy.com/mobile/

you will see

Size tap targets appropriately

WARNING:These worked for Dark Elements theme and test this on your test site!

I took the code

li a{line-height:1.8;}@media(min-width:60em){li a{line-height:1.2;}}

from https://varvy.com/mobile/tap-target-size.html

and put it like this: Go to Appearance, Editor, Stylesheet(style.css)


I inserted like in the picture:

I tested after with

https://developers.google.com/speed/pagespeed/insi...

(You will find this in the bottom of the page after the test)


I tested with https://varvy.com/mobile/ before it was 96/100 mobile friendly, but now after I added this code it is 100/100.To see it better I like to use https://varvy.com/

You can see it now it is green, before it was orange, now it is green!

For my first site, because I have only 2 sites, no more I use Stargazer theme, so I added this code in Header.php(go to Appearance, Editor, Header.php)

(The DarkElements theme had it, so no need to add it).You can find details about this code in the URL!

meta name=viewport content="width=device-width, initial-scale=1">
https://developers.google.com/speed/docs/insights/...

after I'm taking the code

li a{line-height:1.8;}@media(min-width:60em){li a{line-height:1.2;}}

and add it in Stargazer Theme(go to Appearance, Editor, Stylesheet(style.css)

I put it first in my site test with Stargazer theme.

You can read more in this article about tap targets.

You must clear your cache to see the change!




Login
Create Your Free Wealthy Affiliate Account Today!
icon
4-Steps to Success Class
icon
One Profit Ready Website
icon
Market Research & Analysis Tools
icon
Millionaire Mentorship
icon
Core “Business Start Up” Training

Recent Comments

20

ooooh, I 'm not playing with that code stuff! lol

Great info on tap Targets Dorina. thanks.

You welcome!

Dorina that's brilliant - I'm in two minds about changing my theme as I've heard that the theme itself could be slowing my site down

Yes, it is true!The theme, some plugins can slow your site!
You can see this with P3 (Plugin Performance Profiler)
Better to send you Marcus's training to see how to use this!

Another great piece of advice Dorina!

I guarantee it works for DarkElements theme and Stargazer!For sure it will work for many themes but it is very important to test these codes on the test site and not risk to break your site!

GREAT INFO. Nice to learn good things.

Thanks, Izpowashere! I noticed the load speed decreased with 1 second, today I must make time and retest!

Very educational. Thank you so much for sharing

Do not test directly on your site!

Great stuff Dorina, thanks dear.

You welcome!

Wow!! Thanks for this.

You welcome!

GREAT information Dorina !

You are a fountain of information Dorina, thanks for sharing your hard work again. :)

I spend all my Sunday trying and testing these! I hope it will be useful!

See more comments

Login
Create Your Free Wealthy Affiliate Account Today!
icon
4-Steps to Success Class
icon
One Profit Ready Website
icon
Market Research & Analysis Tools
icon
Millionaire Mentorship
icon
Core “Business Start Up” Training