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.
