If you encounter problems using the :hover pseudo-class on Apple's iPhone, they can usually be resolved quickly.
To trigger the mouseover event, it is sufficient to add an empty onclick attribute.
For example, an implementation within a dropdown menu in Joomla could look like this:
Step 1)
Copy the file /modules/mod_menu/tmpl/default_component.php to /templates/TEMPLATE_NAME/html/mod_menu/default_component.php.
Step 2)
Replace the line
?><a <?php echo $class; ?>href="<?php echo $item->flink; ?>" <?php echo $title; ?>><?php echo $linktype; ?></a><?php
with
?><a <?php echo $class; ?>href="<?php echo $item->flink; ?>" <?php echo $title; ?> onclick=""><?php echo $linktype; ?></a><?php
and replace the line
?><a <?php echo $class; ?>href="<?php echo $item->flink; ?>" target="_blank" <?php echo $title; ?>><?php echo $linktype; ?></a><?php
with
?><a <?php echo $class; ?>href="<?php echo $item->flink; ?>" target="_blank" <?php echo $title; ?> onclick=""><?php echo $linktype; ?></a><?php
Step 3)
Done. If necessary, repeat the process for other menu item types (e.g. /modules/mod_menu/tmpl/default_separator.php for the separator).
