Avisos
Vaciar todo

[Resuelto] Cómo personalizo 'Mi cuenta' solo en desktop y no en mobile con CSS  

 
Fernanda
 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
 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

Fernanda
 Fernanda
Nuevo usuario

@karen

¡Gracias! ❤️ 

Respondido : 10/01/2023 11:33 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

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

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