tengo dos modulos que quiero ocultar que no se muestren en el telefono.
probe con hidden-phone en la clase del modulo y se sigue mostrando
URL del sitio: Contenido solo visible a usuarios registrados
Hola
Sería mejor que envíes una captura de pantalla para saber exactamente qué es lo que quieres ocultar en tu sitio web.
Las clases varían de un template a otro, es por eso que posiblemente no te funciona.
Saludos.
Hola Fabiana,
Para ocultarlos introduce la clase bd-joomlaposition-1. Si no funciona habrá que agregar el CSS siguiente:
@media only screen and (min-width: 768px){ aside div div.bd-joomlaposition-1 div.bd-block-10 div.bd-tagstyles{ display: none; } aside div div.bd-joomlaposition-1 div.bd-block-10{ display: none; } }
En el siguiente artículo se muestra paso a paso cómo hacerlo mediante el modulo Easy Custom Code -> https://www.webempresa.com/blog/insertar-codigo-html-css-o-javascript-facilmente-en-modulos-de-joomla-25-y-30-con-easy-custom-code.html
Veo que la plantilla está siendo recientemente editada y me llama la atención que la carga de librerias se está haciendo de manera diferente al estándar.
La estructuta básica de la página debería ser:
En el caso de tu sitio web la estructura es:
¿Qué tan grave puede ser?
Lo suficiente como para que en algún momento el sitio cargue, muestre mal los componentes perdiendo algunas funcionalidades y se deforme el diseño.
Igualmente, justo debajo de la etiqueta body veo que se introdujo texto sin ningun tipo de etiqueta. En el HTML generado aparece " ".
Estos 2 problemas que menciono pueden ser la causa de que el menú para dispositivos móviles no se esté mostrando como debería, ya que la lista de menú que deseas ocultar no debería aparecer, se deberia mostrar unicamente cuando el usuario de click o presione sobre el elemento que dice "Menu".
Para que visualices los errores que te he descrito accede a la página web que nos has compartido y al momento en que inicie a cargar presiona la tecla F12 o da click derecho sobre cualquier parte de la pagina y luego elige Inspeccionar elemento. En el caso de Chrome, en la nueva sección mostrada centrate en la pestaña Elementos y en Console.
Seria bueno también que en un subdominio instalases joomla y luego la plantilla que estas usando, quizas esos errrores sean propios de la plantilla o por algun problema de compatibilidad entre módulos desactualizados.
Por favor, revisa y/o haz memoria de lo que has modificado para corregir estos problemas. De ser necesario aplica una restauración del sitio con SuperBackup desde el cPanel auna fecha anterior, aunque se perderán las modificaciones realizadas posteriores a dicha fecha. Si aplicas esta restauración primero crea un respaldo de tu sitio actual y descargarlo a tu computador.
Si necesitas ayuda para la restauración contacta a servicio de atención al cliente mediante ticket y solicita el apoyo para ello.
Revisalo, corrige los errores que te he indicado, evitate problemas instala el módulo como se indica y agrega el CSS. Si tieenes alguna duda hazla saber por este medio.
Saludos.
Hola Fabiana,
¿Instalaste el modulo e insertaste el CSS que te compartí?
El archivo css que estás usando para insertar el CSS que te comparti no es el indicado. Utiliza el modulo que te indiqué, por favor.
Saludos.
no lo pegue directamente al css
la web del author no funciona y la otra esta colgada
Hola Fabiana,,
Prueba el siguiente modulo por favor https://extensions.joomla.org/extension/custom-css/
Saludos.
Hola Fabiana,
Ok si no te funcionó con el módulo y ese código CSS prueba con el siguiente:
@media (min-width: 481px) and (max-width: 767px) { aside.bd-sidebararea-3-column{ display: none !important; } } @media (min-width: 320px) and (max-width: 480px) { aside.bd-sidebararea-3-column{ display: none !important; } }
Si tampoco te funciona en el módulo entonces insértalo al final de template.min.css
Posiblemente la estructura de tu web esté impidiendo la ejecución del CSS mediante el módulo que te sugerí.
Saludos.
Hola Fabiana.
.- Edita el archivo template.css que encontrarás en la ruta templates -> dd_engineer_99 -> css y añade lo siguiente:
@media (max-width: 767px) { .bd-vmenu-1 { display: none!important; } .bd-block-10 .bd-blockcontent .custom iframe { display:none!important; } }
Revisa si con ese código se soluciona.
Un saludo
Hola.
Los videos ya no se visualizan ¿ Lo que quieres es eliminar el slider ?
Si es eso añade lo siguiente al mismo archivo:
@media (max-width: 767px) { .bd-slider-3 { display:none!important; } .bd-block-10 { display: none!important; } .bd-bottomcornersshadow-1 { display: none!important; } }
Un saludo