Ocultar imágenes en menú de teléfonos con Mega Menu

MarceloCV dijo:

Estoy utilizando mega menu y quiero ocultar las imagenes que inclui en el menu para computadoras en telefonos, que no se vea en telefonos

Screenshot

Captured with Lightshot

prnt.sc

pagina web

Jarks – Remote Gates, Garage Doors & Access Solutions

At Jarks Enterprise we specialize in: Gate Systems, Garage Doors, Electric Locks, Biometric Systems, CCTV, Burglar Alarms & Fabrication.

jarkstt.com

Hacer clic para expandir...

Federico99 dijo:

Probá esto amigo, no lo pude probar pero debería funcionar

@media (max-width: 600px) {
.main-menu img {
display:none !important; }
}

Hacer clic para expandir...

MarceloCV dijo:

Hey lo acabo de agregar y no funciono 🙁

Hacer clic para expandir...

MarceloCV dijo:

Hola, funciono el codigo pero ahora no se como eliminar el espacio remanente que queda

Screenshot

Captured with Lightshot

prnt.sc

Hacer clic para expandir...

Federico99 dijo:

Prueba esto

@media (max-width: 600px) {
#mega-menu-item-media_image-1,
#mega-menu-item-media_image-2,
#mega-menu-item-media_image-3,
#mega-menu-item-media_image-4,
#mega-menu-item-media_image-5,
#mega-menu-item-media_image-6,
#mega-menu-item-media_image-7,
#mega-menu-item-media_image-8,
#mega-menu-item-media_image-9 {
display:none !important;
}
}

Hacer clic para expandir...

MarceloCV dijo:

Wow bro, sos un pro, me ha servido por fin, me habia roto el coco, que utilizas para identificar los estilos que hay que editar

Hacer clic para expandir...

Federico99 dijo:

Excelente bro!

En la web, dale F12 y se abrirá un menú lateral derecho en Chrome, ahi puedes seleccionar las partes de tu web y puedes ir identificando los estilos de cada parte, por ejemplo del menú, las imágenes, etc, con eso te haces una idea de lo que tienes que sacar o colocar.

El código @media (max-width: 600px) { } sirve para que lo colocado sirva solamente para pantallas menores a 600px, por eso para los celulares funciona el codigo Display:none pero en escritorio se sigue viendo.

Cualquier cosa me avisas, abrazo !!

Hacer clic para expandir...