Icono o botón en móviles
móviles | header | cabecera
Daniel
Última actualización hace 3 años
En este artículo vamos a explicar cómo se añade un icono o botón en la cabecera de la web en vista de móvil. Es la franja superior en que aparece el menú y el logo de la web cuando la vemos en un teléfono móvil.
En este ejemplo vamos a agregar el icono de teléfono a una web.
Así es como quedará:
1. Crear el widget de Icono (o de botón)
Lo primero que tenemos que hacer es añadir un widget de Icono en la cabecera de nuestra web:
Una vez hecho esto, con la herramienta Inspeccionar de Google Chrome haremos doble clic en el icono y buscaremos el id (en CSS, los id llevan siempre # delante) de este widget:
2. Insertar los códigos
Cómo insertar los códigos de JavaScript y CSS en nuestra web.
Ahora insertaremos el siguiente script en Ajustes del sitio>Código personalizado>Código global personalizado>Código personalizado en Body:
El código CSS para modificar los estilos del icono o botón los introduciremos en Ajustes del sitio>Código personalizado>Código global personalizado>CSS personalizado:
CSS si vamos a utilizar un icono, como en este caso:
Si en lugar de icono, hemos añadido un widget de botón, aplicaremos el siguiente código de CSS: