Joomla Templates Club 406,261 posts

[gerrijensen Friend gerrijensenJoin date: August 2013Posts: 9Downloads:0Uploads:1 Thanked: 1 times in 1 posts]

#194613

Page speed is now evaluating under experience on mobile devices and is complaining about these tap target sizes — How to fix?

The tap target <input id=”modlgn-remember” type=”checkbox” name=”remember” class=”inputbox”> is only 2.2mm by 2.2mm on a typical device (14×14 CSS pixels).
The tap target <a href=”http://www.fam…w=registration”>Sign Up Now!</a> is only 11mm by 1.6mm on a typical device (70×10 CSS pixels).
The tap target <a href=”http://www.joomlart.com/”>JoomlArt.com</a> and 1 others are only 2.2mm tall on a typical device (14 CSS pixels).
The following tap targets are close to other nearby tap targets and may need additional spacing around them.
The tap target <a href=”/families/”></a> is close to 1 other tap targets see screenshot.
The tap target <input type=”text” name=”q”> is close to 1 other tap targets see screenshot.
The tap target <input type=”submit” name=”sa”> is close to 1 other tap targets see screenshot.
The tap target <label for=”modlgn-username”>User Name</label> and 1 others are close to other tap targets.
The tap target <input id=”modlgn-username” type=”text” name=”username” class=”inputbox”> and 1 others are close to other tap targets.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#522009

Just for better clarification, please include an illustrated screenshot and let me know what you are trying to achieve. It would help to understand the issues and give you specific answers.

[gjensen Friend gjensenJoin date: April 2008Posts: 62Downloads:1Uploads:3 Thanks: 20 Thanked: 6 times in 1 posts]

#564997

I was able to solve by adding css to layout-mobile-port.css and layout-mobile.css

so naviagtion and search meet Google tap target
#ja-top > div#ja-search {
position: absolute;
top: 110px;
padding:0 0 25px 0 ;
margin:0 0 25px 0;
}
For breadcrumbs
/* Breadcrumbs */

span.breadcrumbs {
font-size: 85% !important;
margin-top:25px;
margin-bottom:25px;
padding:15px 15px 15px 15px;
}

[Author]

Posts