Avisos
Vaciar todo

Menu desplegable con Gantry 5  

 
Domingo Gil
 Domingo Gil
Reputable Member

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

Citar
Respondido : 12/04/2017 8:54 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 12/04/2017 10:21 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Domingo Gil
 Domingo Gil
Reputable Member

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.

ResponderCitar
Respondido : 13/04/2017 10:36 am
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 13/04/2017 6:35 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Domingo Gil
 Domingo Gil
Reputable Member

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

ResponderCitar
Respondido : 14/04/2017 1:00 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

ResponderCitar
Respondido : 14/04/2017 2:09 pm

Cursos Gratuitos WordPress

Domingo Gil
 Domingo Gil
Reputable Member

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

ResponderCitar
Respondido : 14/04/2017 3:40 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 14/04/2017 6:14 pm

Domingo Gil
 Domingo Gil
Reputable Member

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

ResponderCitar
Respondido : 14/04/2017 6:39 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 14/04/2017 6:56 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Domingo
 Domingo
Estimable Member

No estoy con Worpess es con Joomla y el menu es de un solo nivel

Saludos

ResponderCitar
Respondido : 14/04/2017 8:42 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 14/04/2017 10:30 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Domingo
 Domingo
Estimable Member

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

ResponderCitar
Respondido : 15/04/2017 11:48 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

ResponderCitar
Respondido : 15/04/2017 1:22 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress