Hola que tal, una consulta
este icono se puede ocultar en la parte del escritorio?
estoy unsado el pluguin YITH WooCommerce Quick View
Contenido solo visible a usuarios registrados
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
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
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