Avisos
Vaciar todo

Megamenu en tema AccessPress Paralax Pro  

 
Tomas
 Tomas
Usuario eminente

Buenas tardes:

Hasta hace poco la página que estoy diseñando trabajaba bajo el tema AccessPress Paralax 1.60 (versión free) y me había instalado el pluguin Megamenú (también free) con el que había construido un menú con el que estaba muy contento (colores personalizados, tamaños, ...) todo muy bien.

Por un problema de diseño que no podías solucionar el la versión free de mi plantilla, y por esto de que siempre es mejor tener un tema pro porque te permite muchas más coas, ayer mismo me instalé la versión del tema pro (AccessPress PAralax Pro). Hoy me he pasado la mañaña configurando cosillas y todo muy bien hasta que me comenzado a trabajar con el pluguin de megamenú.

Me he encontrado con que, por ejemplo, no puedo configurar el color de la fuente de los Second Level Menu Items o el tamaño de la letra, aunque sí puedo configurar el Weigth o la decoration de la misma. Tampoco puedo configurar el hover de la fuente y alguna que otra cosa más que me impide dejar el menú como quiero (y como lo tenía antes de hecho).

Se os ocurre alguna idea para corregir esto? Un saludo

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 10/03/2018 1:31 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Tomas.

Los estilos los puedes modificar desde CSS, por ejemplo, el tipo de letra del menu, tamaño, color:

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    color: #4a1616;
    font-family: inherit;
    font-size: 15px;
}

Color -> le indicas el color que quieres que muestre el texto
font-family _> el tipo de le fuente que quieres mostrar
font-size:-> El tamaño del texto

Para los submenu seria lo siguiente:

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
    color: #4a1616;
    font-family: inherit;
    font-size: 15px;
}

Estos códigos los puedes añadir directamente en tu archivo de estilos style.css o si tienes algún archivo para las modificaciones de estilos.

Espero que esta información te sirva para lo que buscas, de no ser así por favor indícalo para que podamos seguir ayudándote.

Un saludo

Un saludo

ResponderCitar
Respondido : 10/03/2018 2:59 pm

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

Tomas
 Tomas
Usuario eminente

Muchas gracias por la información Pepe, he hecho los cambios indicados en el apartado de custom style que trae Megamenú pero no he conseguido que cambie nada. Seguro que algo habré hecho mal. Te adjunto pantallazo para que veas que hice los cambios tal y como me comenaste.

ResponderCitar
Respondido : 10/03/2018 4:59 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

Tomás,

Tienes cerrada la web por mantenimiento y esto impide ver que estilos CSS se cargan y evaluar si se están aplicando los cambios de estilos y si lo haces de forma correcta y se aplican en el archivo adecuado.

Se agradece que cuando formules una consulta:

- Verifiques que tu sitio web NO está cerrado por "mantenimiento". En su defecto puedes facilitar un acceso de usuario "Registrado" para acceder al frontal y verificar el problema. Coloca los datos de acceso entre etiquetas [hide].

Saludos y gracias por tu colaboración.

ResponderCitar
Respondido : 11/03/2018 1:30 am

Tomas
 Tomas
Usuario eminente

Disculpa, la "cerré" sin darme cuena. Os queda abierta para que podáis hacer las comprobaciones pertinentes. Un saludo y disculpad 🙂

ResponderCitar
Respondido : 11/03/2018 10:05 am
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Prueba con el siguiente código:

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
	color:blue!important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus{
	color:red!important;
}

Eso te cambiará el color del link del submenú, tanto el color hover, cambia red y blue por los colores que deseas

PD. En tu captura de pantalla veo esteo códig: @include , esto no funciona en CSS podría ser código de SASS aunque desconozco si tu theme lo compila

Saludos.

ResponderCitar
Respondido : 11/03/2018 8:38 pm

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

Tomas
 Tomas
Usuario eminente

Algo hemos avanzado pero, curiosamente, no todo.
Mi menú principal tiene 3 items que despliegan más opciones. Los dos de la derecha (dioma y bolsa de empleo) y el primero por la izquierda (centro) que es el que despliega el menú grande.
Con el código que me enviaste hemos conseguido que los dos items de la derecha desplieguen con los colores y hover que me enviabas (azul y rojo, que ni siguiera los cambié) pero sin embargo el item de la izquieda (el que despliega el menú proncipal) sigue sin cambiar.

En cuanto al apunte que me hacías del @include, el tema lo compila. Es un pequeño código que he tenido que insertar para que el menú se vea correctamente en la versión movil.

Un saludo y muchas gracias por tu ayuda. A ver si conseguimos finalmente el objetivo.
Muchas gracias

ResponderCitar
Respondido : 12/03/2018 12:17 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Veo que tiene otra estructura, adicionalmente agrega el siguiente código CSS

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link{
	color:blue!important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:focus,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover{
	color:red!important;
}

Saludos.

ResponderCitar
Respondido : 12/03/2018 4:17 pm

Cursos Gratuitos WordPress

Tomas
 Tomas
Usuario eminente

Muchas gracias por vuestra ayuda en la configuación de megamenú en mi página. Ya puestos os quería colsultar un par de cosas más (pesado que es uno).

1:- Tal y como tengo configurado ahora el menú, al verlo en la versión móvil, el menú se va a la "derecha" de la pantalla aunque en la configuración del mismo haya seleccionado repetidamente centro. Pero bueno, este es el problema que menos me preocupa.

2.- En la versión móvil, por otro lado, abro el menú y se despliega como debe, puedo ir a cada sección, abrir las pestañas, etc. El caso es que mientras estoy entre los elementos del "menú" no hay ningún problema pero en cuanto hago scroll hacia abajo abandonando la parte de megamenú, se produce un fail que hace que la web se quede como bloqueada. No sé si me explico muy bien, pero navegando desde el móvil se puede apreciar perfectamente.

Agradecería que me echáseis una mano porque la verdad es que siempre me habéis sacado las castañas del fuego con esto de megamenú y, aunque la primera consulta no me preocupea demasiado, la segunda me deja bastante intranquilo

Un saludo!

ResponderCitar
Respondido : 26/04/2018 10:13 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Tomas.

se produce un fail que hace que la web se quede como bloqueada
Ese salto que observas es por que el menú lo tienes fijo,es decir cuando haces scroll, el menú sigue fijo aunque bajes la pagina.

Revisa si dentro de las opciones del plugin del menú tienes alguna opción para dejar fijo el menú y lo cambias.

Es posible que esta opción la tengas también en las opciones de tu plantilla, revisa la configuración de tu plantilla por si hubiera algo para dejar fijo el menú.

Una vez compruebes lo que te comento, si vemos que se soluciona, revisamos el tema de la posición que si no recuerdo mal, creo que dentro de las opciones del menú tienes tres posiciones, no se si probaste con la alineación a la izquierda, si no lo cambiaríamos por CSS

Un saludo

ResponderCitar
Respondido : 26/04/2018 11:14 am

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

Tomas
 Tomas
Usuario eminente

Gracias pepe, a lo largo del día de hoy miro lo del menú fijo para ver si está ahí el problema. El caso es que era una característica que quería mantener (lo del menú bajando con el scroll) pero miro a ver si se puede desconectar para la versión móvil o lo que sea. en cuanto lo tenga mirado te mando un mensaje (hoy por la tarde o casi seguro mañana). Muchas gracias de nuevo

ResponderCitar
Respondido : 26/04/2018 11:20 am
Tomas
 Tomas
Usuario eminente

He hecho lo que me comentabas (eliminar la opción de sticky header) de mi header y , como me adelantabas, ya no se produce el error en la versión móvil. Hasta aquí todo perfecto. Pero el caso es que me gustaría poder mantener esa opción de que el menú bajase al hacer scroll pero claro, siempre que eso no me mate el funcionamiento movil.

ResponderCitar
Respondido : 26/04/2018 11:35 am

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

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Tomas.

Lo que podrías realizar es que en la versión móvil, esa funcionalidad no se realice:

.- Edita el archivo style.css que encontraras en wp-content -> themes -> accesspress_parallax_pro -> style.css y añade lo siguiente:

@media only screen and (max-width: 600px) {
.menu-fix {
    position:inherit!important;
}
}

Un saludo

ResponderCitar
Respondido : 26/04/2018 12:44 pm
Tomas
 Tomas
Usuario eminente

Eres un crack, muchas gracias.
Dejo para estar tarde lo de "centrar" el menú en la versión móvil, una vez que haya hecho las pruebas para ponerlo a la izquierda, centro, etc.
Un saludo!

ResponderCitar
Respondido : 26/04/2018 12:49 pm

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola tomas.

Genial !!!! me alegra que lo solucionaras.

Por favor el tema del menú si necesitas ayuda, abre un nuevo hilo así no mezclamos cosas que al final todo se lia 😉

Cierro este.

Un saludo

ResponderCitar
Respondido : 26/04/2018 3:42 pm