Avisos
Vaciar todo
Hola, la web www.ruthmontenegro.com tiene un menú desplegable en la versión movil (servicios Ruth Montenegro- en la imagen se puede ver) y quiero colocar otro similar en la web que tengo en producción, me podéis recomendar de qué forma lo puedo hacer mejor.
si lo puedo hacer con CCS, perfecto y si no con algun modulo para joomla, pero no encuentro nada que se parezca, el efecto que busco es que este plegado entero y cuando se pulse con el dedo se despliegue.
Saludos
URL del sitio: Contenido solo visible a usuarios registrados
Respondido : 12/04/2017 8:54 pm
Hola
En ambos veo que aparece un menú (en modo responsive, al menos en el ordenador)
De manera general te sugiero uses lo que tiene la propia plantilla, en la web ruth2 entiendo que es el comportamiento del menú por defecto que tiene tu template en gantry, cual es la razón por la que quieres cambiarlo?
Saludos.
Respondido : 12/04/2017 10:21 pm
Hola, en la web https://www.ruthmontenegro.com/ tiene una plantilla que sera la que se elimina y donde tiene en la version movil el modulo desplegable que muestro en la imagen (subo dos imagenes en una esta desplegado el menu y en la otra plegado) y que me gustaria copiar en la plantilla nueva que es la Salient con Gantry 5 que esta en ttps://www.ruthmontenegro.com/RUTH2/ pero no encuentro como copiar el codigo que hace el efecto, si esto no es posible me interesaria saber de otro metodo para colocar los menus en la nueva plantilla con el mismo sistema, solo encuentro modulos que hacen otros efectos pero no este, necesito que todo el modulo este plegado y cuando el usuario pulse en el movil se despliege.
Gracias como siempre a vuestra valiosa ayuda.
Respondido : 13/04/2017 10:36 am
HOla
Esto que comentas:
no encuentro como copiar el codigo que hace el efecto
Creo que básicamente sería por CSS, ocultar la lista inferior y con el hover mostrarla nuevamente, sin embargo no veo actualmente tu sitio web :
Contenido solo visible a usuarios registrados
Habilita tu sitio, actualmente no se muestra nada.
Saludos.
Respondido : 13/04/2017 6:35 pm
Buenos dias
Ya he puesto esta plantilla en el dominio principal https://www.ruthmontenegro.com
me puedes indicar el codigo de CSS que puedoi utilizar para hacer con CSS lo que necesito.
Saludos y gracias
Respondido : 14/04/2017 1:00 pm
Hola Domingo.
No te aconsejo que dejes el menú desplegado ya que se superpone en la pagina y podría causar confusión
Lo que si puedes hacer es desactivar el menú para móvil, con eso mostrara el menu de pc en la versión móvil, para eso accede al administrador de tu plantilla y selecciona Base Outline -> Layout
.- Accede a la sección Offcanvas Section y desactiva la partícula Mobile Menu
Un saludo
Respondido : 14/04/2017 2:09 pm
Hola hay una pequeña confucion no busco dejar desplegado el menu movil que esta perfecto como esta, lo que busco es poner otros modulos como el que señalo en la imagen (modulo poner plegado) que he puesto en la parte inferior del contenido (solo para version movil) que salgan plegados y cuando el usuario lo pulse se despliegen como ha indicado Jhon " sería por CSS, ocultar la lista inferior y con el hover mostrarla nuevamente," agradeceria que me indicaran que codigo poner.
Gracias como siempre
Respondido : 14/04/2017 3:40 pm
Hola
Ya veo la web nuevamente, sin embargo aún no tienes la estructura de lista.
Es decir el menú no se muestra como una lista, como en tu imagen, si pudieras hacer que se muestre como una lista (sin el efecto que tiene de menú gantry) sería más fácil modificarlo por CSS, así como esta no será posible.
Sin embargo evalúa bien si realmente quieres cambiar el comportamiento del menú, tal vez no valga la pena y sea mejor que mejores otros aspectos de tu sitio web, ten en cuenta que el menú que ya tienes funciona correctamente.
Saludos.
Respondido : 14/04/2017 6:14 pm
Hola, no entiendo muy bien lo que me pides, el menu esta puesto en una posicion utilizando gantry y los estilos (es lo que le he quitado) es lo unico que puedo quitar, creo yo...
en relacion a lo que me comentas tengo que decirte que el menu funciona perfectamente pero quiero ponerlo por encima del contenido porque me interesa que los usuarios lo puedan ver, pero si lo pongo tal cual esta ahora ocupa mucho espacio en el movil y hace que el usuario tenga que hacer mucho scrolls, la idea es que el que lo desee pueda visitarlo y el que no lo desee pueda bajar en la pantalla sin tener que hacer tanto scrolls.
No se me ocurre otra forma de poner este menu por encima del contenido..... tambien podria poner otro menu en ofcanvas pero a la derecha, pero no se si es posible o util....
Saludos
Respondido : 14/04/2017 6:39 pm
Hola
Al parecer entonces esa posición ya te da el formato de menú automáticamente.
Prueba insertar un widget de tipo menú personalizado de WordPress y verifica
Si tu menú es de un solo nivel no hay mucho problema.
Saludos.
Respondido : 14/04/2017 6:56 pm
No estoy con Worpess es con Joomla y el menu es de un solo nivel
Saludos
Respondido : 14/04/2017 8:42 pm
Hola
En Joomla tienes también un módulo de menú por defecto, puedes probar poniendo este menú en lugar de una partícula de menú de gantry.
Saludos.
Respondido : 14/04/2017 10:30 pm
Hola
He colocado el modulo como me has indicado, en la imagen lo puedes ver, lo curioso es que el codigo que me pasates para que los enlaces se vieran bien no funciona en este modulo ahora:
/* enlaces en menus que salen montados */
#g-sidebar .g-menu-item{
width:100%;
}
Saludos
Respondido : 15/04/2017 11:48 am
Hola Domingo.
Añade el siguiente código a tu archivo custom:
@media (max-width: 767px) {
.g-main-nav .g-toplevel > li {
display: block !important;
}
}
Comprueba los resultados y nos comentas si era eso lo que buscabas.
Un saludo
Respondido : 15/04/2017 1:22 pm
