Muy bien, Así que empecemos a
diseñar nuestro encabezado para que sea receptivo
y Lambda te muestre los estados tal y como es en este momento.
El escritorio está más o menos hecho.
Cuando comenzamos a minimizar la pantalla de nuestro navegador.
Ya se puede ver que en este punto
esta sería la vista de la tableta.
Y se puede ver que el logotipo se vuelve mucho más pequeño.
El menú también se ha transformado en
el tradicional menú de hamburguesas.
Y está bien, pero definitivamente se puede mejorar.
Pero entonces si nos vamos un poco más pequeños ahora se puede
ver aquí es donde las cosas se ven realmente, realmente malas.
Esta es la vista móvil,
la para el teléfono móvil.
Por lo que necesitábamos hacer
algunos cambios aquí. Voy a seguir adelante.
Y en realidad antes de hacer eso,
déjame mostrarte el otro encabezado, el encabezado global.
Vamos a la página de contacto y notarás
que esta es un poco mejor.
Tenemos el fondo negro y luego en vista móvil,
pesar de que el menú de hamburguesas
está desalineado con el logo,
sigue siendo mucho mejor porque no tenemos
ningún espacio en blanco en la parte superior.
Muy bien, voy a seguir adelante y
editar los encabezados de la página de inicio.
Vamos a Editar con Elementor
y luego la página principal se dirige hacia arriba.
Ahora vamos a cambiar al modo de respuesta aquí abajo.
Modo de respuesta, vamos a cambiar a la mesa primero.
Ahora, quiero mostrarte algo muy rápido.
Muy bien, déjame volver a la respuesta.
De forma predeterminada, tu menú principal o
un menú destacado habilitado se convirtió en
el menú de hamburguesas en la vista de tableta,
sin embargo, ten en cuenta que
no siempre tienes que seguir la configuración predeterminada.
este momento si cambio a mesa, como se puede ver,
se ha vuelto al menú de hamburguesas.
Y eso es porque si tuviera que hacer clic y
editar el menú principal en el diseño,
verá lostamaños de pantalla de tableta de punto de rupturapositivo de Estados Unidos
tamaños de pantalla de tableta de punto de ruptura
de 1025 píxeles y por debajo.
Claro, el menú de hamburguesas blot.
Si no queremos hacer eso,
voy a cambiar esta a la vista móvil, en su lugar.
Una vista de tableta. Aún tendremos
el menú principal mostrando y sólo nos transformamos
al menú de hamburguesas
una vez que lleguemos a la vista móvil.
Vamos a seguir adelante actualización.
Y veamos qué ha hecho este pequeño,
pequeño cambio por nosotros.
Ver la página. Vuelve a la página principal o caso.
Por lo que ahora en este punto,
esta es la vista de la tableta.
Y se puede ver que en realidad no es tan malo.
No tienes que cambiar al móvil,
al menú de hamburguesas una vez, que es tabletas.
Por supuesto, si tuvieras muchos elementos de menú,
digamos 678 artículos que años,
obviamente no tendrás suficiente espacio.
Pero instituciones donde tienes como
cuatro o cinco elementos de menú,
está perfectamente bien para su exhibición.
Ellos como están en el modo tablet.
Hay dos cambios que voy a hacer aquí.
Uno sería aumentar
un poco el tamaño del logotipo.
Y entonces también podríamos intentar reducir un poco el tamaño de
los elementos del menú.
Hagamos esto muy rápido. Voy a
volver al encabezado de la página principal.
Vamos a cambiar a responder SUV, tableta de punta.
Muy bien. Voy a hacer clic en el menú.
Lo siento, el logo ya sea aquí en el logotipo de UT va a Style.
Ahora nota en este momento
que la dimensión aquí dentro se ha establecido en tableta.
Como se puede ver, es todo tableta SASE, tableta.
Entonces aquí voy a cambiar el tamaño al 100%.
Vamos a mostrar el tamaño completo del logotipo.
Ahora para el menú principal,
sé que todo está en blanco.
No puedes ver, pero solo aguanta conmigo.
Voy a hacer click en editar,
el menú principal, ir al estilo.
Entonces vamos a ir a la tipografía aquí mismo.
Ahora, mira esto, se asegura de que
el tamaño aquí esté configurado en tablet.
Vamos a hacer estos 114 píxeles
un poco más pequeño de lo habitual.
Vamos a las actualizaciones.
Ahora echemos un vistazo.
Añade el nuevo encabezado de la página principal y el modo de respuesta.
Y ahí vas.
Ahí vas.
Entonces hasta este punto, se ve bastante bien.
Obviamente, vamos a hacer algunos cambios importantes
el titular del banner,
el ganador que estamos viajando, Es aventura.
Vamos a reducir el tamaño,
pero solo prestarle atención al encabezado real.
De acuerdo, se ve bien hasta la vista móvil,
que ahora tendrá que caminar.
Pero por ahora adaptado sabio,
esto se ve bastante bien.
Ahora echemos un vistazo al
encabezado para el encabezado global, global.
Vamos a escoger una página, vamos a escoger la página Artículos.
Y a partir de aquí vamos a seguir adelante para
editar el Encabezado Global.
Primero vamos a manejar el modo tablet.
Así que vamos a bajar aquí a su receptivo. Ir a la tableta.
Muy bien, vamos a manejar los puntos de pan.
Vamos a cambiar eso a móvil.
Y simplemente hará exactamente lo mismo
por el estilo también.
Nos vamos a alinear a la derecha,
para el menú principal,
alinear al blanco y luego al estilo.
Vamos a bajar aquí a la tipografía.
Asegúrate de que esto esté configurado en tablet.
Entonces iremos con 14 pixeles también.
Y ahí está.
Ok, Next va a ser el logo.
No olvidemos, necesitamos hacer el logo o al 100%.
Asegúrate de que esto esté configurado en tabletas.
100%, bien.
Ahora vamos a cambiar a la vista móvil.
Lo único que tenemos que hacer aquí mismo sería delinear
el menú de navegación hacia el centro.
En realidad, no debimos haber tocado
las alineaciones en el modo tablet,
así que está bien, solo vamos a volver a poner esto.
Voy a ir a Diseño de Contenido
y luego a la alineación aquí.