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

Publicado por Fernando el 12 Jul, 2017

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%; }

/* 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.