Jump to content

Como dejar la barra de busqueda fija


fonorola

Recommended Posts

Hola, tengo un pequeño problema que el módulo del bloque de búsqueda en una plantilla de Leo Theme, junto al menú tiene puesta la lupa del módulo y al pasar el ratón por encima de la lupa aparece el cuadro de texto, pero al quitar el ratón, el cuadro de texto desaparece.

Quisiera dejarlo fijo y siempre a la vista, pero no consigo hacerlo, ¿alguna ayuda?

La web es https://www.newmore.es

2021-04-07 (2)_LI.jpg

Link to comment
Share on other sites

Archivo --> blocksearch.css

form#searchbox {
    min-width: 260px;
    z-index: 10;
    left: auto;
    right: 0;
    padding: 10px;
    border: 1px solid #f3f4f5;
    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 24%);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 24%);
    display: contents;
}


form#searchbox .btn {
    background: none;
    border: none;
    position: absolute;
    bottom: 6px;
    color: #272727;
    right: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
}


#search_block_top a .fa-search {
    font-size: 18px;
    color: #272727;
    height: 30px;
    line-height: 30px;
    border-right: 1px solid #f3f4f5;
    padding: 0px 20px 0px 0px;
    right: 203px;
    display: table-column-group;
}

 

 

Quedando así

47523234_Capturadepantalla(252).thumb.png.25dd1ad1ab06a9fe5b9563321782602e.png

Link to comment
Share on other sites

Muchas gracias Alex por tu amabilidad y tu ayuda, al final lo pude solucionar de otra manera, pero me gusta la idea que me has dado de ponerlo en la fila de abajo más ancho.

Te agradezco el interés que te has tomado en ayudarme.

Un cordial saludo.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...