Avisos
Vaciar todo
¡Hola!
Tengo un problema. Para personalizar 'Mi cuenta', estoy utilizando este CSS en Elementor Pro:
.woocommerce-MyAccount-navigation { display:none; }
.woocommerce-account .woocommerce-MyAccount-content { width: 100%; }
Me queda muy bien para la versión desktop pero cuando visualizo la versión mobile queda completamente oculto el contenido y ya no aparecen las secciones de mis productos ni nada. ¿Hay forma de hacer que ese código solo aplique para la visualización en pantallas de computadora? 😓
Contenido solo visible a usuarios registrados
Respondido : 10/01/2023 7:37 pm
Hola Fernanda,
En este caso puedes aplicar un media querie para que este código sea aplicable solo en versiones de escritorio, para ello necesitas sustituir el código que estás añadiendo por el siguiente
@media only screen and (min-width: 992px) {
.woocommerce-MyAccount-navigation { display:none; }
.woocommerce-account .woocommerce-MyAccount-content { width: 100%; }
}
Verifica si de esta forma el código se aplica como deseas
Si deseas conocer más sobre los mefia querie y como puede utilizarse puedes darle un vistazo a nuestro curso de CSS gratuito que tenemos disponible → https://www.webempresa.com/university/curso-css-wordpress/media-queries-cambios-moviles/
Un Saludo
Respondido : 10/01/2023 7:48 pm
Fernanda me gusta
Hola Fernanda,
Encantados de poder ayudarte 😎 , nos pone muy contentos que nuestros clientes estén felices con nuestro trabajo. 😀
¿Te importaría dedicarle un minuto a dejarnos una reseña / opinión en TrustPilot, Facebook o Google, lo que te vaya mejor?
TrustPilot: https://es.trustpilot.com/evaluate/webempresa.com
Facebook: https://www.webempresa.com/testimonio-facebook
Google: https://www.webempresa.com/testimonio-google
Nos ayudaría a que otr@s usuarios se decidan por nosotr@s si saben lo que nos decís.
Gracias de parte de todo el equipo. 😎
Respondido : 10/01/2023 11:39 pm
