Avisos
Vaciar todo

Ocultar icono

4 Respuestas
2 Usuarios
0 Reactions
14 Visitas
Respuestas: 1310
Famed Member
Topic starter
 

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


 
Respondido : 13/06/2023 9:31 pm
Karen Rios
Respuestas: 18684
Illustrious Member 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 


 
Respondido : 13/06/2023 10:17 pm
Respuestas: 1310
Famed Member
Topic starter
 

@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


 
Respondido : 13/06/2023 10:41 pm
Karen Rios
Respuestas: 18684
Illustrious Member 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 


 
Respondido : 13/06/2023 11:01 pm