Tutorial Divi: Mover iconos sociales del menú secundario a la derecha

cabecera divi

En el menú secundario de Divi los iconos sociales están por defecto en la parte izquierda del mismo, junto a la información de contacto (teléfono, email) pero tiene más sentido que estén a la derecha ¿por qué?

Sencillo, si pones datos de contacto directos, como el correo electrónico y el teléfono, tiene sentido que sean más visibles que el resto de elementos del menú.

Por eso sería mejor mover los iconos sociales del menú secundario a la derecha, y así atraer más atención hacia los métodos de contacto más directo, menos sociales.

O sea, queremos hacer esto…

Por supuesto, es cuestión de gustos.

Mover los iconos sociales de la cabecera a la derecha con un código

El método más rápido, indoloro y gratis es añadir un poco de CSS adicional desde el Personalizador de WordPress, este:

/* Iconos sociales menú secundario Divi a la derecha */
#top-header .et-social-icons { float:right !important; }
#top-header #et-info { width: 100%; }

Simplemente guarda los cambios y ya lo tienes.

Mover los iconos sociales de la cabecera a la derecha a un clic

Si prefieres un plugin, está la joya Divi Booster, que entre los cientos de personalizaciones que ofrece para Divi, también está la opción de poner los iconos a la derecha.

Simplemente activa la casilla llamada «Put contact info icons on left, and social icons on the right» de la sección «Header > Top Header» y guarda los cambios.

Hace exactamente lo mismo que el código anterior, pero a golpe de clic.


Al final, lo que conseguimos con ambos métodos es esto

¿De cuánta utilidad te ha parecido este contenido?

¡Haz clic en los emoticonos para valorarlo!

Promedio de puntuación 4.5 / 5. Total de votos: 10

Hasta ahora ¡no hay votos!. Sé el primero en valorar este contenido.

Ya que has encontrado útil este contenido...

¡Sígueme en los medios sociales!

¡Siento que este contenido no te haya sido útil!

¡Ayúdame a mejorar este contenido!

Por favor, dime, ¿cómo puedo mejorarlo?

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

AVISO: Esta publicación es de hace 3 años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado. ¡Ah! ¿te funciona? pues entonces no he dicho nada :)

Sobre el autor

3 comentarios en “Tutorial Divi: Mover iconos sociales del menú secundario a la derecha”

    1. #top-header .et-social-icons { float:right !important;}
      #top-header #et-info { width: 100%; text-align: right !important;}

Deja un comentario

Tu dirección de correo electrónico no será publicada.

Información base sobre privacidad:
  • Responsable: Fernando Tellado ([email protected])
  • Fin del tratamiento: Moderación de comentarios para evitar spam
  • Legitimación: Tu consentimiento
  • Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal
  • Derechos: Acceso, rectificación, portabilidad, olvido

 

Ir arriba
Ir al contenido