Return to previous page

Tap targets are not sized appropriately – where to change it?

This topic has 14 replies, 2 voices, and was last updated 1 years, 1 months ago ago by Rose Tyler

coffeedog

Participant

October 12, 2023 at 19:44

Good day, I can’t find a way to change it, whether I tried to change the font or separate the text, it still didn’t work, it’s mainly about the photter

more on the photo

Image https://prnt.sc/MXYlqKfOKh0U

Please, contact administrator
for this information.

#370026 Copied Theme version: 9.3 WooCommerce version: last

13 Answers

Rose Tyler

Support staff

October 13, 2023 at 10:04

Hello,

Thank you for contacting us and for using XStore.

As we can see, changes in the Footer static block works fine – https://prnt.sc/BzAT3GiY5-4A > https://prnt.sc/G_PPyV0UEXA5

Kind Regards,
8theme team

#370063 Copied

coffeedog

Participant

October 16, 2023 at 19:11

Thanks for the response, I looked, but no matter how I make the change, google has a problem and I can’t figure out why.

#370378 Copied

Rose Tyler

Support staff

October 16, 2023 at 20:31

Hello,

Please provide URL of page with the test results.

Kind Regards,
8theme team

#370382 Copied

coffeedog

Participant

October 17, 2023 at 10:13

I attach

chrome F12 lighhouse report

https://prnt.sc/rQ1EahTrSNoz

#370455 Copied
Rose Tyler

Support staff

October 17, 2023 at 16:11
Hello,

For us, this tester doesn’t show results on your site.
Please try to add the next custom CSS code, clear cache and check the result (provide a screenshot as you did before):
```
@media only screen and (max-width: 768px) {
    .content-product .products-page-cats {
    font-size: 1.7rem;
}
}
@media only screen and (max-width: 768px) {
.footer .footer-widgets .et-menu-list .menu-title {
    font-size: 30px !important;
}
}
```
Kind Regards,
8theme team
#370534 Copied
coffeedog

Participant

October 17, 2023 at 19:38

Unfortunately, it made an even bigger mess

https://prnt.sc/qaxOGH1Q-cv3

Please contact administrator
for this information.

#370562 Copied

Rose Tyler

Support staff

October 17, 2023 at 19:45

Hello,

Please clear cache and check now https://prnt.sc/dTAb4R6l8ydI . Let us know the result.

Kind Regards,
8theme team

#370565 Copied

coffeedog

Participant

October 18, 2023 at 10:23

It’s better now, thanks.

more photo

https://prnt.sc/NYZLWkdXC8uk

#370626 Copied
Rose Tyler

Support staff

October 19, 2023 at 13:13
Hello,

In this case, try to change this code https://prnt.sc/C5bLcdbak3JD to:
```
@media only screen and (max-width: 768px) {
    .content-product .products-page-cats {
	    font-size: 1.7rem;
	}
	.footer .footer-widgets .et-menu-list .menu-title {
	    font-size: 20px !important;
	}
	.etheme-product-grid-categories a {
	    font-size: 14px;
	}
	.etheme-product-grid-title {
	    font-size: 20px !important;
	}
}
```
Kind Regards,
8theme team
#370815 Copied
coffeedog

Participant

October 19, 2023 at 19:02

it was even worse

https://prnt.sc/iEY8ZzbXZrg5

#370870 Copied

Rose Tyler

Support staff

October 20, 2023 at 09:25

Hello,

We appreciate your prompt response.

This text from your screenshot https://prnt.sc/5iwl8KE8aYSn means more space should be added, for example here – https://prnt.sc/B0s_n2Fvvs3h , it can be done via editor – https://prnt.sc/vecG0-0PgIyw

Kind Regards,
8theme team

#370903 Copied

coffeedog

Participant

October 21, 2023 at 10:03

I can’t help it, when I put the font size 25 etc. in the mobile version, no change.. can you try?

https://prnt.sc/ElekrQXnq7G_

#370985 Copied

Rose Tyler

Support staff

October 21, 2023 at 14:01

Hello,

We can’t see the test results on your site, so we can’t try, unfortunately.

About his message – https://prnt.sc/fIrzgtlUAdKm – we already tried to make font-size bigger, so try to change paddings or line-height for tests to add “enough space around”.
https://web.dev/articles/accessible-tap-targets

Kind Regards,
8theme team

#371001 Copied
Tagged: change tap target size, improve woocommerce usability, mobile-friendly woocommerce templates, optimize tap targets, woocommerce tap targets, woocommerce wordpress templates, wordpress tap target adjustments
Viewing 14 results - 1 through 14 (of 14 total)

The issue related to '‘Tap targets are not sized appropriately – where to change it?’' has been successfully resolved, and the topic is now closed for further responses

Tap targets are not sized appropriately – where to change it?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection