admin@victoraqui.com

Editar Cabecera Astra y configuraciones del Menú móvil

por | Ene 10, 2021 | Uncategorized | 0 Comentarios

Hoy toca responder a las preguntas de los suscriptores. La primera pregunta la hace nuestro amigo Fex , en el video de cómo crear menús en wordpress y editar la cabecera del tema Astra.

Verán, habitualmente en las páginas web, tenemos un modelo de menú principal que aparece en la vista normal de escritorio y otro que aparece en los dispositivos móviles con la forma de un botón que despliega las opciones del menú, comúnmente con el ícono de tres rayitas, que se le conoce como hamburguesa.

¿Que creativos para poner nombres verdad?

Este diseño de menú despegable hace que sea más fácil de manejar en esos tamaños de pantalla pequeños.

El caso de nuestro amigo Fex lo he ejemplificado con mi web de prueba. Le ocurre algo así:

Su web mantiene el modelo de menú de escritorio incluso en pantallas pequeñas dónde debería aparecer las tres rayitas.

Vamos a ver una opción en el menú de personalización del tema Astra, que no mencioné en el video anterior, que nos permite elegir a qué resolución de pantalla queremos que cambie el estilo de menú normal al de hamburguesa.

Procedimiento en el Video de arriba

La segunda pregunta es la de nuestro amigo Luis que nos consulta cómo cambiamos el tipo de letra o fuente del menú superior.

Se puede hacer desde el menú de personalización de tema como se ve en el video.

Ahora la pregunta es: ¿Será posible cambiar sólo la fuente del menú sin que ésta afecte a la de los párrafos? Aquí todo es posible señores suscriptores. Aunque vamos a necesitar de trucos más avanzados, como lo es aplicar un poco de buen css.

Código CSS mencionado en el video:

[css].main-navigation #primary-menu a { font-family: Rubik; }[/css]

Amigo Fex y Luis espero que les haya sido útil la información. Y si alguien más tiene alguna duda sobre algún punto tocado en algún video déjenmelo en los comentarios.

Dale like al video y suscríbete dándole a la campanita para aprender más sobre páginas web y cómo convertirlas en herramientas que hagan las ventas por ti.

¿Astra Free es limitado para ti? Amplía las funciones con Astra Pro, al mejor precio

Licencia Astra Pro

9.99 USD – Instalación de licencia en 1 sitio

Dale un vistazo a nuestros Recursos Premium

Date una vuelta por nuestra sección de Recursos Premium. Encontrarás cosas interesantes para agilizar la creación de tu web. Como por ejemplo:

Plantilla Vicommerce

Plantilla para Divi y Woocommerce para darle estilos profesionales a las páginas de tu tienda (mi cuenta, carrito, finalizar compra, tienda, etc), en un par de minutos

Si te gustó el contenido

Apóyanos compartiendo en tus redes, nos ayudarías muchísimo. Y haz click en la quinta estrella de abajo.

5/5 - (4 votos)

No olvides que subo trucos nuevos cada semana suscríbete a mi canal y dale a la campanita para que te enteres cuando suba uno nuevo.

Hasta la próxima!!

Artículos Relacionados

Victor Aquino

Experto en WordPress y Divi, entusiasta del SEO, Copywriting, Marketing Digital y Negocios Online en general. Amante de la vida y tu webmaster de confianza.

Contactar

¿Quieres invitarme un cafécito?

Así podré estar más despierto para crear más contenido gratuito como éste 😛

Click Aquí

¿Tienes dudas?

0 comentarios

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Hosting WordPress

El mejor Hosting Premium optimizado para WordPress y Divi, al mejor precio.

Licencias 1 Sitio

Divi Theme/ Builder

Ver Más

Divi Machine

Ver Más

Divi Bodycommerce

Ver Más

Divi Plus

Ver Más

Últimos Artículos

Mejor plugin buscador de productos para Woocommerce

Mejor plugin buscador de productos para Woocommerce

Uno de los elementos que tus clientes más agradecerán que esté presente en tu tienda online (sobretodo si ésta cuenta con una gran cantidad de items) es un buscador de productos. Hoy veremos una de mis opciones favoritas para cubrir tan importante función: El plugin...

Agregar selector de fecha en formulario de contacto Divi WordPress

Agregar selector de fecha en formulario de contacto Divi WordPress

Continuamos con la temática de los formularios de contacto en Divi… Recordemos que en el anterior artículo vimos cómo crear y configurar uno, además de un súper truco para saber desde qué URL se enviaba el mensaje. Puedes ver ese artículo desde aquí:El Módulo...

Módulo Blog Divi: Mejorando la paginación por defecto

Módulo Blog Divi: Mejorando la paginación por defecto

Si estás creando tu blog en Wordpress seguro te habrás dado cuenta lo poca intuitiva que es su paginación. ¿A qué me refiero? Pues, digamos que en una página sólo se pueden mostrar 10 entradas, pero tenemos 20 de ellas. Entonces Wordpress separa las 20 en dos páginas...

Características de una página web ganadora

Características de una página web ganadora

Características de una página web ganadora Recuerdo cuando inicié, se me hacía muy fácil el uso de Divi para construir diseños. Pero aún no manejaba (a totalidad) los demás aspectos que debe tener una web para que funcione de manera correcta. Profundicé en muchos...

Cómo optimizar imágenes para web – Mis mejores Herramientas

Cómo optimizar imágenes para web – Mis mejores Herramientas

Que tal amigos, hoy vamos a tocar un tema sumamente importante: Cómo optimizar Imágenes para web. Esto es algo que muchísimas veces se deja de lado por no conocer su trascendencia. Incluso he visto muchos casos de colegas míos que se dedican al diseño de paginas web,...

Beneficios de tener una Página Web

Beneficios de tener una Página Web

Hola amigo emprendedor. Hoy en día, para casi cualquier tipo de negocio, tener presencia online se ha vuelto un requisito mínimo imprescindible. No es un secreto que casi todo el mundo (tus clientes incluídos por supuesto) están en internet. Seguramente empezaste como...

Efecto deslizamiento del menú Divi al hacer scroll | Menú Fijo

Efecto deslizamiento del menú Divi al hacer scroll | Menú Fijo

Excelente semana queridos lectores! La semana pasada estuve revisando varias plantillas de diferentes temas para inspirarme, y me soprendió ver que uno de los efectos más comunes era el que hacía que la cabecera se quede fija al desplazarse a través de la página. Con...

Crear carrusel de productos Woocommerce en Divi sin plugins

Crear carrusel de productos Woocommerce en Divi sin plugins

Si bien, los carruseles no son elementos imprescindibles dentro de una tienda online, si se tiene que admitir que le da un toque más dinámico a nuestro layout woocommerce. Hoy veremos cómo crear un carrusel de productos en Divi, de forma gratuita, sin plugins. Y para...