RarePepe
Nuevo
Hola, buenos días/tardes a todos.
Me encuentro en una labor de optimizar un foro de forma responsiva lo más que se pueda guiandome de tutoriales ya que mis conocimientos de css son básicos. Hasta el momento he podido con varios elementos pero hay uno que lleva un rato dándome dolores de cabeza.
Se trata de una plantilla personalizada con la siguiente estructura
Bueno, para efectos prácticos he modificado los nombres de las plantillas. Básicamente lo que esto hace es que genera una tabla con los datos suministrados de "plantilla 2". Sin embargo lo que deseo es que en el diseño responsable esta tabla NO se visualice. La cuestión es que ya he intentado en el css hacer que el div no se muestre del siguiente modo:
Del mismo modo intenté poner esto en EXTRA pero sin resultados. He intentado otras variantes del condicional y nada. ¿Tengo alguna manera de que esto no se muestre en el móvil?
De antemano, gracias.
Me encuentro en una labor de optimizar un foro de forma responsiva lo más que se pueda guiandome de tutoriales ya que mis conocimientos de css son básicos. Hasta el momento he podido con varios elementos pero hay uno que lleva un rato dándome dolores de cabeza.
Se trata de una plantilla personalizada con la siguiente estructura
HTML:
<xen:require css="plantilla1.css" />
<div class="tablaPopularidad">
<xen:title>Título</xen:title>
<xen:h1>Título</xen:h1>
<ol>
<xen:foreach loop="$threads" value="$thread">
<xen:include template="plantilla2" />
</xen:foreach>
</ol>
</div>
Bueno, para efectos prácticos he modificado los nombres de las plantillas. Básicamente lo que esto hace es que genera una tabla con los datos suministrados de "plantilla 2". Sin embargo lo que deseo es que en el diseño responsable esta tabla NO se visualice. La cuestión es que ya he intentado en el css hacer que el div no se muestre del siguiente modo:
HTML:
<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveNarrowWidth) {
.tablaPopularidad{
display: none;
}
</xen:if>
De antemano, gracias.