From a Lighthouse check of Tiki.org:
"MOBILE FRIENDLY
Tap targets are not sized appropriately - 28% appropriately sized tap targets
Make sure your pages are mobile friendly so users don’t have to pinch or zoom in order to read the content pages. Learn how to make pages mobile-friendly."
Some advise says that the minimum recommended touch target size is around 48 pixels on a page that has a mobile viewport set. The Lighthouse alert is apparently due to the social media icons.
Edge's AI search reply says:
I understand that you are facing issues with the mobile view of your Bootstrap website. You mentioned that the targets are too small and too close together. Here are some possible solutions to your problem:
Increase the font size: You can increase the font size of your website to make it more readable on mobile devices. This can be done by adding the following CSS code to your stylesheet:
@media (max-width: 767px) { body { font-size: 18px; } }
Increase the padding: You can also increase the padding around your targets to make them easier to tap on. This can be done by adding the following CSS code to your stylesheet:
@media (max-width: 767px) { .target { padding: 10px; } }
Use larger targets: If increasing the font size and padding is not enough, you can also use larger targets. This can be done by creating custom CSS classes for your targets and applying them to your HTML elements. Here is an example:
@media (max-width: 767px) { .large-target { font-size: 18px; padding: 20px; } }
To help developers solve the bug, we kindly request that you demonstrate your bug on a show2.tiki.org instance. To start, simply select a version and click on "Create show2.tiki.org instance". Once the instance is ready (in a minute or two), as indicated in the status window below, you can then access that instance, login (the initial admin username/password is "admin") and configure the Tiki to demonstrate your bug. Priority will be given to bugs that have been demonstrated on show2.tiki.org.
To help developers solve the bug, we kindly request that you demonstrate your bug on a show.tikiwiki.org instance. To start, simply select a version and click on "Create show.tikiwiki.org instance". Once the instance is ready (in a minute or two), as indicated in the status window below, you can then access that instance, login (the initial admin username/password is "admin") and configure the Tiki to demonstrate your bug. Priority will be given to bugs that have been demonstrated on show.tikiwiki.org.
filename | created | hits | comment | version | filetype | ||
---|---|---|---|---|---|---|---|
No attachments for this item |