Cómo cambiar el orden de los elementos del menú secundario de Divi

Si usas el tema Divi seguro que te encanta el menú secundario y lo has utilizado en más de una web, al ser un modo estupendo de mostrar opciones de contacto y tus redes sociales.

En este menú puedes poner en un lado, además de los campos por defecto para teléfono y correo electrónico, enlaces a las redes sociales de la web; y en el otro extremo cualquier menú que le asignes a la ubicación.

Lo que no hay es ningún ajuste para cambiar de ubicación ambos elementos: iconos sociales + email + teléfono y menú personalizado. Por defecto, los primeros están a la izquierda y el segundo a la derecha, sí o sí.

Pero en realidad, si quieres, puedes hacer el cambio, y es muy sencillo, solo tienes que atreverte a añadir un poquito de código CSS en la sección de CSS adicional del personalizador, solo eso.

El código es este:

/* Cambiar orden elementos menu secundario Divi */
#top-header .container {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row-reverse;
flex-wrap: wrap; }
#top-header .container:before, #top-header .container:after {
display: none; }
#top-header #et-info, #top-header #et-secondary-menu {
float: none !important;
}

Y es así de fácil hacerlo, mira…

Una vez guardes los cambios en el personalizador ya lo tienes, los elementos en el lado contrario del habitual.

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(2 votos, promedio: 5)

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

Deja un comentario

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

 

Ir arriba Ir al contenido