Seleccionar página

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

 

Lo que queremos lograr es esto:

El tema Divi le permite configurar un número de teléfono y una dirección de correo electrónico para que se muestren en la parte superior del encabezado, así como una serie de iconos de redes sociales. Para alinear a la derecha el texto del encabezado superior y los iconos, puede usar el siguiente CSS:

[et_bloom_locked optin_id=»optin_2″]

@media only screen and (min-width: 768px) {
    #et-info { float:right !important; }
}

En los móviles, se establecerá de manera predeterminada en un diseño centrado (como lo hacen los iconos alineados a la izquierda estándar).

¿Es posible dividir la dirección de correo y el número de teléfono de los iconos de las redes sociales, teniendo el primero a la izquierda y el segundo a la derecha? ¿Solo usando CSS?

La respuesta es sí, usando éste código:

@media only screen and (min-width: 768px)
{
#top-header #et-info
{float:none;}

#top-header #et-info .et-social-icons
{float:right;}
}

[/et_bloom_locked]

Ir al contenido