añadir flechas  

Hola, Francisco

Entiendo que te refieres a indicar que el icono de menú hamburguesa (3 rayas horizontales) es el que da acceso al menú en dispositivos ¿correcto?

Este icono está aceptado internacionalmente para indicar que al tocarlo se accede o despliega el menú del sitio web, por lo que no suele indicarse nada con flechas o elementos visuales que digan que se trata de un menú, pues ya se entiende que así es.

Veo que trabajas con Joomla 3.9.22 (de 2020) cuando la versión estable de Joomla es la 5.2.2 (noviembre 2024) y eso afecta a tu plantilla y las personalizaciones que esta permita, sobre todo si no la tienes actualizada.

He verificado que tu plantilla Helix Ultimate https://www.joomshaper.com/joomla-templates/helixultimate tiene versión estable de mayo de 2024 y que muestra correctamente el menú hamburguesa en dispositivos móviles.

En la plantilla que usas, tienes la clase CSS .menu-toggle con la que puedes jugar para añadir un icono, por ejemplo usando HTML y algún icono de flecha de FontAwesome, que es una biblioteca de iconos mundialmente usada.

Un ejemplo de CSS podría ser:

/** Flecha junto a menú hamburguesa en dispositivos móviles */
@media (max-width: 768px) {
.menu-toggle {
position: relative;
}

.menu-toggle::after {
content: "\f105";
position: absolute;
top: 50%;
right: -5px; 
transform: translateY(-50%);
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
color: #fff; 
}
}

Claro que añadir este icono implica crear un "override" de tu plantilla para que cuando la actualices no se pierdan los cambios.

En ese archivo "override" de la plantilla tendrás que añadir el código HTML correspondiente para que se pinte la flecha en el lugar deseado, con un código similar a este:

<a href="#" class="menu-toggle">
<i class="fas fa-bars"></i> <i class="fas fa-chevron-right"></i> </a>

Si quieres saber qué icono es "chevron-right" consúltalo en FontAwesome: https://fontawesome.com/icons/chevron-right?s=solid

No es una personalización sencilla, porque requiere que compruebes que realmente tu plantilla Helix utiliza la clase .menu-toggle para mostrar el menú hamburguesa y porque además deberías hacer un "override" de los archivos de la plantilla implicados (HTML, CSS y PHP) y luego verificar que los cambios no afectan al funcionamiento de la plantilla en la vista de escritorio.

Nota: Personalmente, creo que el menú hamburguesa, como tal, es suficiente información para los visitantes, que suelen tener claro, a estas alturas de siglo, que esas 3 rayas son el acceso al menú.

Ya nos dirás cómo abordas la personalización, ya que nosotros no podemos aplicarla por ti.

buenas me podrias ayudar un poco mas donde esta el archivo css a editar que no lo encuentro gracias

Hola Francisco.

Veo que se muestra una flecha junto al menú, no se si llegaste a solucionarlo:

Un saludo