Soporte » Guías – Resolución de problemas » barra de menú y versión tablet y móvil

  • Hola! 🙂

    Tengo un par de problemas con mi web y no tengo ni idea de cómo resolverlos, mil gracias de antemano!

    El primero de ellos es la barra de menú: No la puedo editar más allá de «personalizar». En la pantalla de edición de Elementor no aparece, por lo que no puedo ponerla fija, ni cambiar el tamaño, color ni estilo de la fuente y no sé si se debe a que necesito la versión pro de Elementor o Astra.

    Por otra parte, mi web consiste en una página de inicio estática con varios apartados y un blog. En la barra de menú figuran los típicos apartados de «inicio», «conócenos», «nuestros clientes», «contáctanos», «blog». Todos son jump-links en la propia página de inicio menos «blog» que es una página de entradas. Una vez que me encuentro en «blog» me sigue apareciendo la barra de menú pero no me funciona ninguno de los apartados jump-lonk, solo «inicio». Esto también me pasa con la página de «política de privacidad» que he puesto en el menú del pie de página: solo me deja volver a «inicio» o «blog» pero no a «contáctanos» o «nuestros clientes», por ejemplo. ¿Cómo puedo solucionarlo?

    Y mi último problema ya lo ha descrito una chica con anterioridad pero el hilo está cerrado a comentarios y no sé cómo lo resolvió, os lo pego porque necesito ayuda con lo mismo:

    ENLACE AL DEBATE: problema con el sistema responsive de Elementor

    «Hola gente! tengo una complicación al momento de usar el maquetador Elementor.
    Tengo instalado el plugin en su ultima versión y de la misma manera tengo todos los demás plugins actualizados incluyendo al worpress en su versión 5.2.1.
    hace 2 semanas aproximadamente que llevo haciendo una pagina ( celularesbaratos.tech ) que todavía no la acabo.
    El editor de Elementor funciona a la perfección tanto en el modo de escritorio como para tablet y móvil ,según a lo que aparenta en mi pantalla como lo pueden ver en los siguientes enlaces:
    https://imgur.com/9d7skWF
    […]
    Al momento de ajustar la ventana del navegador (google chrome) reduciendo su tamaño con el puntero del mause las respuestas del responsivo de la pagina es completamente distinto a lo que me muestra el modo responsivo de Elementor
    […]

    Ahí no queda todo el problema,cuando compruebo como se visualiza mi pagina en mi celular veo una pagina con espacio en blanco extra y contenido desordenado.Los resultados en tablet son aun peores resultando una pagina totalmente desordena e ilegible en ocaciones tal como lo ven en las fotos.
    […]
    Como pueden ver en una pagina estoy usando el custom positioning lo cual estoy aprendiendo a usar ,pero solo una pagina de la web lleva esta configuracion sin embargo el problema ataca a todas las paginas.
    intente ajustar la configuracion en cada modo responsivo, pero no hay resultados positivos
    […]
    Bueno amigos espero su ayuda no soy pro en las creaciones de webs talvez estoy haciendo algo mal y no lo se,de antemano les doy las gracias!.
    version de worpres:5.2.1
    version de Elementor :2.5.15
    version del theme Astra:1.8.3»

    Se me ocurre que pueda ser por los puntos de ruptura, que tengo los que vienen por defecto porque no lo sé configurar.

    En mi caso la versión de wordpress es la 5.4.2
    Elementor: 2.9.13 (No Pro)
    Astra: 2.4.5

    Mil gracias de nuevo por vuestra ayuda.

    • Este debate fue modificado hace 1 año, 2 meses por Jose Luis. Razón: Añadir enlace al enlace citado

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 6 respuestas - de la 1 a la 6 (de un total de 6)
  • Moderador Jose Luis

    (@jose64)

    Hola.

    Bienvenido al foro de soporte. Vamos por partes:

    El primero de ellos es la barra de menú: No la puedo editar más allá de «personalizar»

    Esas personalizaciones dependen del tema, la combinación Astra – Elementor PRO es una mala elección, si usas Elementor para diseñar tu web desde cero, para maquetar la web, debes usarlo con un tema limpio (un starter theme), por ejemplo Hello Elementor.

    Para ponerla fija tienes plugins en el repositorio:

    https://es.wordpress.org/plugins/tags/sticky-menu/

    Revisa estos debates:

    Menu fijo o pegajoso

    Trato de crear sticky menú pegajoso y no funciona, no queda fijo

    Por otra parte, mi web consiste en una página de inicio estática con varios apartados y un blog (…) no me funciona ninguno de los apartados jump-lonk, solo «inicio»

    Los menús son diferentes y no enlazan correctamente, es posible que no hayas hecho el enlace correctamente, revisa que la url personalizada sea absoluta (https://uveybetraducciones.com/#page-top) y no /#page-top, si no se le añade a la página dónde te encuentras y por eso no funciona. Por cierto, esa url no tiene mucho sentido porque para usarla tienes que estar en la posición a la que te dirije, sería más lógico que le pusieras la flecha de subir.

    Y mi último problema ya lo ha descrito una chica con anterioridad

    Te remito a la respuesta de @fernandot: problema con el sistema responsive de Elementor.

    Quedamos a la espera de tus comentarios y, por favor, recuerda cerrar el debate marcándolo como resuelto cuando así lo consideres, de esta forma nos ayudas a mantener el foro al día.

    Iniciador del debate welcometouveybe

    (@welcometouveybe)

    Buenas tardes, Jose Luis:

    Con respecto a la respuesta de @fernandot, no me sirve porque da por hecho que no lo he comprobado en el dispositivo móvil y tablet sino con la simulación y sí, lo he comprobado y, por ahora, las versiones son un destrozo. Por eso he vuelto a abrir hilo a ver si conseguía ayuda más allá de eso.

    Por otra parte, en esa misma respuesta él comenta que Astra es totalmente compatible con Elementor, qué es exactamente lo que lo hace una mala elección a tu parecer? He probado Hello Elementor, como me comentabas, pero no tiene pie de página, donde me interesa ubicar las Cookies, Política de privacidad, etc.

    En cuanto a esto se refiere:

    «Los menús son diferentes y no enlazan correctamente, es posible que no hayas hecho el enlace correctamente, revisa que la url personalizada sea absoluta (https://uveybetraducciones.com/#page-top) y no /#page-top, si no se le añade a la página dónde te encuentras y por eso no funciona. Por cierto, esa url no tiene mucho sentido porque para usarla tienes que estar en la posición a la que te dirije, sería más lógico que le pusieras la flecha de subir.»

    https://uveybetraducciones.com/#page-top funciona, osea que está configurado así, no lo he puesto yo y no soy capaz de encontrar dónde se configura. Hasta donde yo puedo ver en el apartado «editar» de mi página, el enlace permanente (que no se si es lo mismo que url absoluta) de mi web es https://uveybetraducciones.com/. Solamente sé configurar los jumplinks.

    Lo del que no tiene mucho sentido porque tendría que poner la flecha es lo que quería solucionar con el sticky menu, vale también, verdad?

    Con respecto al blog, puedo editarlo mientras está como página de inicio, en el momento en que lo hago página de entradas me da el típico error de «no se puede cargar la vista previa» del que no consigo salir.

    Mil gracias por atender a todas mis dudas, como verás no soy ninguna experta y me estoy volviendo loca con ciertos problemas que no me dejan avanzar. Estéticamente está lista pero a nivel de configuración estoy muy atascada.

    Un saludo y buen fin de semana.

    Moderador Jose Luis

    (@jose64)

    Hola.

    Vamos por orden:

    Elementor Pro y Astra: Astra es compatible con Elementor y con unos cuantos maquetadores más, el problema con Elementor son los bloques de diseño para maquetar los componentes de la web (menú, encabezados, etc.) Astra tiene su estructura definida y al modificarla con Elementor puede provocar errores de visualización, por eso es que yo lo considero una mala opción. Te dejo enlace a algunos enlaces relacionados:

    En Astra «logotipo borroso»

    Error header personalizado

    Problema con «Product Data Tabs» de Woocommerce con Elementor

    problemas con plugins

    Lo de usar el tema Hello Elementor si usas elementor PRO es justamente por que es un tema base, todo lo que le falta se lo añades con Elementor PRO y no tendrás problemas de compatibilidad.

    Con respecto a los enlaces del menú: tienes que editar el menú y modificar los enlaces, en la página de inicio funcionan porque tiene los anclajes, pero fuera de esa página sigue dirigiendo a los anclajes de la página donde esté, no a la página de inicio, algo hay que no funciona correctamente. Te dejo enlace a un debate con información al respecto:

    No sale nada en Menús

    Con respecto al primer elemento del menú, la flecha te aparece en cuanto haces el desplazamiento, igual que el menú fijo, pero son cosas que se asumen como diferenes, si un usuario ve la flecha sabe que es para subir al inicio, el inicio del menú es para ir a la página de inicio (como hace tu web) por lo que nunca lo usaría para ir al inicio de la página.

    La página de blog: al instalar Astra te debió crear una página de Blog, esa página no tienes que editarla, en ella aparecen las entradas que tengas en la web, si no tienes entradas no se verá nada.

    Iniciador del debate welcometouveybe

    (@welcometouveybe)

    Hola, mmuchas gracias de nuevo por tus consejos. Te comento:

    «Con respecto a los enlaces del menú: tienes que editar el menú y modificar los enlaces, en la página de inicio funcionan porque tiene los anclajes, pero fuera de esa página sigue dirigiendo a los anclajes de la página donde esté, no a la página de inicio, algo hay que no funciona correctamente. Te dejo enlace a un debate con información al respecto»

    Esto es exactamente lo que me pasa, ¿cómo puedo modificar los enlaces? Me he leído el hilo en el que dice que instale y desinstale, yo ya he probado ese tipo de soluciones al alcance de mi mano antes de abrir el hilo y no he conseguido nada. Creo que tiene más que ver con que yo no sé exáctamente dónde modificarlos.

    Con respecto a esto:
    «La página de blog: al instalar Astra te debió crear una página de Blog, esa página no tienes que editarla, en ella aparecen las entradas que tengas en la web, si no tienes entradas no se verá nada.»

    Esa página la puedo editar siempre que no la catalogue como «página de entradas», si es «página de inicio» funciona, si lo cambio a «página de entradas» me da el fallo de «no se pudo cargar la vista previa». Y sí que tengo que editarla, quiero poner el fondo y el resto de atributos acordes al resto de mi web! Cómo puedo subsanar lo de la vista previa?

    Mil gracias por la paciencia!

    Moderador Jose Luis

    (@jose64)

    Hola.

    Con respecto al menú, en los enlaces que te pasé está explicado, borra los enlaces que tienes ahora y vuelve a ponerlos con la ruta completa, no solo el ancla.

    Me he leído el hilo en el que dice que instale y desinstale

    No se que hilo es ese, en ningún sitio te dirán que para modificar los enlaces de un menú instales y desinstales nada.

    Y sí que tengo que editarla, quiero poner el fondo y el resto de atributos acordes al resto de mi web! Cómo puedo subsanar lo de la vista previa?

    Como ya te dije, no puedes editarla. De la documentación de Elementor:

    How to Fix the ‘Preview Could Not Be Loaded’ Error

    Note: If this message is received on a WooCommerce template or an archive page, such as the Blog page, this is normal and in this case, please use the WooCommerce Builder or the Theme Builder instead of trying to directly edit these pages.

    La página de blog no se edita, genera el listado de entradas en base a una de las plantillas del tema. Si quieres modificarla tienes que crear una plantilla específica para el blog.

    Astra tiene una opción PRO que te permite ampliar las opciones:

    Blog Pro Overview

    nachosm

    (@nachosm)

    Hola Jose Luis (@jose64), yo acabo de darme cuenta de que tengo el mismo problema.

    Utilizaba la plantilla Generate Press y al ver aquí tus comentarios la acabo de cambiar a Hello Elementor. Cuál ha sido mi sorpresa que con toda la esperanza que tenía de haber resuelto el problema, al refrescar y borrar coockies, SORPRESA!! todavía sigue.

    Quiero agradecerte la ayuda que estas aportando y pedirte consejo para ver como puedo solucionar este problema. También desactive el header y menú creado con Elementor pero seguía igual. Desde el editor y PC todo se ve bien, pero desde el móvil y navegador Chrome no hay manera. Ah se me olvidaba, en las demás paginas no tengo ese problema, simplemente en la Home.

    El dominio es https://www.zaragozadesatascos.es/ espero puedas echarme una mano, saludos.

    • Esta respuesta fue modificada hace 10 meses por nachosm.
    • Esta respuesta fue modificada hace 10 meses por nachosm.
Viendo 6 respuestas - de la 1 a la 6 (de un total de 6)
  • El debate ‘barra de menú y versión tablet y móvil’ está cerrado a nuevas respuestas.