Cómo personalizo 'Mi cuenta' solo en desktop y no en mobile con …

Fernanda

Nuevo usuario

¡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

Karen Rios

Soporte CMS Webempresa Moderator

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