Ocultar imagens em menu de celulares com Mega Menu

MarceloCV disse:

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

Captura de pantalla

Capturado con 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

Clique para expandir...

Federico99 disse:

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

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

Clique para expandir...

MarceloCV disse:

Hey lo acabo de agregar y no funciono 🙁

Clique para expandir...

MarceloCV disse:

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

Captura de pantalla

Capturado con Lightshot

prnt.sc

Clique para expandir...

Federico99 disse:

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;
}
}

Clique para expandir...

MarceloCV disse:

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

Clique para expandir...

Federico99 disse:

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

Clique para expandir...