Cómo arreglar el problema de la lupa del buscador de Divi en la cabecera

1651412704 Como arreglar el problema de la lupa del buscador de

cuando tienes uno menú con demasiados elementos en el encabezado de tu web hecha con Divi, el icono de la lupa que lanza el buscador esta reposicionado y esta en la esquina inferior derecha, muy feo.

Hoy vamos a ver cómo solucione este problema colocando el icono de la lupa de búsqueda en la parte superior del menú, su lugar lógico.

Índice

    Cómo cambiar la posición del icono de la lupa con código

    La forma más rápida y limpia de solucionar este problema es agregar este código CSS, desde la administración de su sitio, en Apariencia → Personalizar → CSS adicional:

    /* Corregir ubicacion icono lupa divi en cabecera */
    @media only screen and (min-width: 981px) {
    .et_header_style_left #et_top_search {
    position: absolute !important;
    right: 0px;
    }
    .et_header_style_left #et-top-navigation {
    padding-right: 40px !important;
    }
    .et_header_style_centered #et_top_search {
    position: absolute !important;
    right: -20px;
    top: 10px;
    }
    .et_header_style_centered #et-top-navigation {
    padding-right: 0px !important;
    }
    }

    Usted publica los cambios y correcciones.

    Cómo cambiar la posición del ícono de la lupa con un complemento

    La otra posibilidad es instalar el complemento Divi Booster que, en sus opciones de configuración en el encabezado principal, tiene la posibilidad de solucionar este problema con el ícono de la lupa.

    1651412702 292 Como arreglar el problema de la lupa del buscador de

    Simplemente habilite la opción "Reparar ancho de menú de encabezado/problema de lupa" y guarde los cambios.


    No importa qué método se elija, el resultado es que el problema se arreglaráy el ícono de la lupa Divi Theme Finder estará en su lugar más lógico.

    1651412703 599 Como arreglar el problema de la lupa del buscador de

    ¿Te ha gustado este artículo? No puedes imaginar lo que te estás perdiendo y youtube!

    Te puede Interesar  Cómo añadir texto y HTML a la cabecera superior del menú secundario Divi

    Artículos Relacionados

    Deja una respuesta

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

    Subir

    Utilizamos cookies para asegurar que damos la mejor experiencia al usuario en nuestra web. Si sigues utilizando este sitio asumiremos que estás de acuerdo. Más Información