Problema con z-inde...
Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

Problema con z-index entre cuadro de búsqueda y menú  

 
Raquel
 Raquel
Usuario eminente

Buenas, acudo a los especialistas en CSS del foro para ver si podemos solucionar este problemilla. El caso es que tenemos un buscador Ajax y hemos instalado un nuevo módulo de menú horizontal. Todo funciona correctamente, pero al desplegar el cuadro de búsqueda este se sitúa por detrás del menú; adjunto imagen explicativa. Han intentado corregir el problema mediante un z-index !important pero no ha funcionado.

Igualmente... ¿sería muy complicado "añadir" un botón con el icono de lupa a la barra de búsqueda? El botón que hay actualmente debe estar mal diseñado porque aparte de situarse fuera de la barra, en tablets su posición queda mal configurada. Gracias de antemano.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 02/12/2016 4:37 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Para el problema de la superposición de capas, prueba con el siguiente código CSS

.iqitmegamenu-wrapper.cbp-hor-width-0{
	z-index:0;
}

Puedes agregar este código al final del archivo:
/themes/animalcity/css/global.css

Saludos.

ResponderCitar
Respondido : 02/12/2016 5:20 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Raquel
 Raquel
Usuario eminente

Fabuloso. La ayuda en el foro nunca defrauda :).

¿Alguna indicación sobre como conseguir arreglar lo del botón de búsqueda? Tampoco consigo que aparezca el texto en el placeholder estilo "busca entre nuestros artículos" o similar

ResponderCitar
Respondido : 02/12/2016 5:56 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Que bueno que lo solucionaste.

Con respecto a la búsqueda, puedes probar con el siguiente código, al menos el botón lo mostrará de manera más adecuada junto a la caja de búsqueda

#ba_ajax_search #ba_search{
  max-width:280px;
  float:left;
}

#ba_ajax_search .btn{
  float:left!important;
  margin-top:16px;
  margin-left:4px;
}

Puedes poner este código en el archivo:
/themes/animalcity/css/custom.css

Mejor poner el código anterior en este archivo custom.css también asi tienes todos tus cambios en este archivo personalizado.

Saludos.

ResponderCitar
Respondido : 02/12/2016 8:39 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress