Ocultar módulos o posiciones en la adaptación a móviles


Author Message
jrgweb

Posted: 1/3/2013
Quote message 

1st, it would be good to have a url to your website.
2nd, you can turn things off in the responsive mode.

If you look here --->> http://jrgweb.net <<--- I have turned the links and video's in the footer off in the responsive mode using custom #id's in the css.

You should be able to turn things off in joomla also.

Some code snippet to consider:

.responsive #cutslide {
display:none;
}

Let me know the url to website if you need help. :-)
 
Bibiana

Posted: 1/3/2013
Quote message 


Hola, esta sin terminar, pero este es el sitio:

http://www.baixempordawebs.com/prueba23

Me gustaría que ese cuadrado no salga en el movil.

También me gustaría saber si puedo añadir donde hay el nombre de la empresa un logo que se vea en el movil.

Por último, en la versión para pc, no se ven las letras del módulo de buscar. Si buscamos algo una vez dentro el cuadro se hace diminuto.

Muchisimas gracias por la ayuda! sobretodo si me puedes explicar:

.responsive #cutslide {
display:none;
}


Que es cutslide? donde tengo que encontrar mi referencia?


 
Delia

Posted: 10/1/2015
Quote message 

Vaya tela con la respuesta de jrgweb... te doy una pista y búscate la vida...

Para que no se vea un módulo en teléfono o tablet:

Añadir en Artisteer "opciones CSS" (al darle a exportar, opciones), o en template.css, al final (por ejemplo tras /* Begin Additional CSS Styles */) el siguiente código:

.responsive-phone .hidden-phone {
display:none!important;
}

.hidden-desktop {
display:none;
}

.responsive .hidden-desktop {
display:block!important;
}

.responsive-phone .hidden-phone {
display:none!important;
}

.hidden-desktop {
display:none;
}

.responsive .hidden-desktop {
display:block!important;
}

.responsive-tablet .hidden-tablet {
display:none!important;
}

Sirve también para ocultar el fondo. Luego en joomla, en el módulo correspondiente/avanzado, en "clase CSS del módulo" poner <space>hidden-desktop tablet o phone dependiendo de lo que queramos ocultar. Ejemplo, para ocultarlo en telefóno, poner (sin comillas) " hidden-phone".
 
Bill Cosby

Posted: 11/18/2015
Quote message 

:-{}
Spreakin ze Duetch?
 
EDGAMA

Posted: 1/25/2016
Quote message 

Quote Delia:

Añadir en Artisteer "opciones CSS" (al darle a exportar, opciones), o en template.css, al final (por ejemplo tras /* Begin Additional CSS Styles */) el siguiente código:


Interesante opción.

Lo probaré en cuanto tenga oportunidad y comento.

Saludos... ;-)
 
james humberto gomez

Posted: 7/12/2016
Quote message 

:-) Delia muchas gracias por lo posteado, la información me sirvió mucho