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.
¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!