Solución al error en menú con Font Awensome

Elementor, un gran plugin, pero que tiene sus errores. Y en esta ocasión voy a comentar uno que lleva tiempo, y que tal vez por ser poco importante ha pasado desapercibido para muchos usuarios.

Los Iconos de Font Awensome

Si, esos símbolos que dan alegría y estética a nuestra web, pero que no siempre se integran bien. Y más concretamente en el widget de menú de elementor pro.

Al insertar un icono en algún apartado del menú, cuando vamos a visualizar los cambios se muestra esto:

El espacio entre el icono y el texto desaparece aunque lo escribamos por separado. Si probamos con:

 

El espacio no es proporcional a lo que buscamos, es decir que no mejora la estética.

Sin embargo cuando aplicamos por html la etiqueta <span> conseguimos reestructurar el espacio natural entre el icono y el texto, quedando así:

El código para solucionar esto sería:

<span><i class="fas fa-city"></i> Blog</span>

Aplicado en la etiqueta de navegación del menú de WordPress:

Lógicamente tendréis que sustituir el fragmento de código de font awensome por el que vayáis a insertar.

Guía probada en la versión 3.1.1 de Elementor.

F. Soler

F. Soler

Wordpress, Ciencia y Tecnología

Share on facebook
Share on twitter
Share on reddit
Share on whatsapp
Share on telegram
guest
0 Comments
Inline Feedbacks
View all comments

Este sitio web utiliza cookies para mejorar su experiencia.