Avisos
Vaciar todo

Ocultar icono  

 
Ruben
 Ruben
Noble Member

Hola que tal, una consulta 

este icono se puede ocultar en la parte del escritorio?

image

estoy unsado el pluguin YITH WooCommerce Quick View  

 

Contenido solo visible a usuarios registrados

Citar
Respondido : 13/06/2023 10:31 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Ruben, 

Revisa ocultarlo con el siguiente código

@media only screen and (min-width: 992px) {

.yith-wcqv-button.inside-thumb {
display: none !important;
}

}

Un Saludo 

ResponderCitar
Respondido : 13/06/2023 11:17 pm

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

Ruben
 Ruben
Noble Member

@karen

consulta no pasa nada si le pongo muchos codigos css a la web?

osea en que se haga lenta o cosas asi?=

.variable-item.image-variable-item {
width: 25% !important;
height: 25% !important;
margin-left: 5% !important;
}
@media (max-width: 549px){
.small-nav-collapse>li {
width: initial !important;
padding: 0 10px;
}
}
@media only screen and (max-width: 600px) {
.price-wrapper p {
display: none;
}
}
.header-main {
background: #ffffff;
}
.header-bottom {
background-color: #ffffff;
}
.price-wrapper p {
display: none;
}
.category-page-row {
max-width: 100% !important;
}
.row.row-small {
max-width: 1920px;
}
.yith-wcqv-button.inside-thumb {
top: 80% !important;
}
@media only screen and (max-width: 600px) {
.yith-quick-view.yith-modal .yith-wcqv-main {
height: 64%;
}
}
.woocommerce-shop .header-wrapper {
display: flex;
flex-direction: column-reverse;
}
@media only screen and (max-width: 600px) {
li.html.custom.html_topbar_left {
text-align: center;
}
}
@media only screen and (min-width: 992px) {

.yith-wcqv-button.inside-thumb {
display: none !important;
}

}

le puse todos estos codigos

ResponderCitar
Respondido : 13/06/2023 11:41 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Ruben, 

No para nada, pero lo idea es que todos los códigos que desasees se apliquen en móvil los añadas dentro del mismo media quera por ejemplo 

/* Codigos para movil (phones, 600px and down) */
@media only screen and (max-width: 600px) {

Códigos aquí

}

/* Coigo para escritorio  (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

Códigos aquí

}

Puedes revisar más sobre esto en el siguiente enlace → Contenido solo visible a usuarios registrados

Un Saludo 

ResponderCitar
Respondido : 14/06/2023 12:01 am