José

Usuario eminente

Es un ecommerce con woocommerce bajo Wp, en mipagina.com/ muestros los productos destacados nada mas y en mipagina.com/tienda/ muestro TODOS los productos de TODA la tienda en una sola vista hacia abajo... Quiero que lo que se ve en mipagina.com/tienda/ se vea POR DEFECTO cuando entran a mipagina.com desde celulares o tablets....

Respondido : 28/03/2020 7:50 pm

Pepe

Soporte CMS Webempresa Admin

Hola Jose

pero yo quiero solamente el buscador en sticky desde el mobil...

¿ quieres que en la versión móvil esté el buscador fijo ?

Prueba con lo siguiente:

@media (max-width: 767px) {
.content-search {
position: fixed;
}


.wrap-bottom.clearfix {
position: fixed;
width: 100%;
background-color: #fe6500!important;
}
}

Un saludo

Respondido : 30/03/2020 3:06 pm

José

Usuario eminente

@pepesoler

Hola mucho gusto!
Me ha gustado , pero a pesar que despuès de @media le agreguè screen and

no he logrado que se muestre totalmente ARRRIBA

Por cierto le cambiè el color a negro y se diferencia algo màs; pero la posiciòn asì intermedia no me cuadra mucho...

Podrìas ayudarme con ello...?

Respondido : 30/03/2020 6:07 pm

Jhon

Soporte CMS Webempresa Moderator

Hola

Lo que sucede es que estructuralmente tu HTML tiene definido primero el logo y luego la estructura del buscador, es por eso que cuando pones código fixed para el buscador aparece debajo.

No podrás cambiar la estructura HTML con CSS, o simularla con CSS de manera simple, se complicaría para que se muestre en la parte superior.

Tendrías que hacerlo a través de javascript, posiblemente moviendo el buscador por encima de todo, del menú incluso top incluso y una vez allí aplicar el fixed.

Si tu theme es de pago consulta con los desarrolladores, lamentablemente desde foro no vemos temas de programacion de este tipo y solo podemos darte generalidades.

Saludos.

Respondido : 30/03/2020 8:41 pm