Ocultar gancho 'htmlcontent-top' en teléfonos móviles

[7150]

Hola gente, me gustaría saber como puedo ocultar un gancho (en particular las imágenes que salen al lado del slider) en teléfonos móviles, ya que en éstos las imágenes se ven muy pequeñas y no se alcanza a leer la info de las mismas.

Hasta ahora lo que he intentado es agregar

Quote

@media (max-width: 479px) {
        #htmlcontent_top ul li {display: none !important;}}

al final de 'hooks.css'.

Al hacer esto las imágenes desaparecieron tal como esperaba al reducir el tamaño del navegador mi laptop, pero cuando abrí el sitio en mi teléfono las imágenes aún estaban allí. También al abrir el sitio en un navegador diferente (Edge) en mi laptop y repetir el procedimiento de reducir el tamaño del mismo, tuve el mismo problema que en mi teléfono, las imágenes seguían allí.

De programación sé poco y nada, así que agradezco la paciencia.

La web es https://tenkosports.com.ar/

Estoy usando la versión 1.6.1.24 y el tema bootstrap que viene por defecto.

Mil gracias desde ya.

[juanrojas]

@media (max-width: 767px)
#htmlcontent_top ul {display:none;}