Soporte » Diseño – Temas y plantillas » Trato de crear sticky menú pegajoso y no funciona, no queda fijo

  • Resuelto anita2000

    (@anita2000)


    Hola a toda la comunidad, he probado con varios plugins, también con elementor y no logro que se quede quieto en su sitio.
    Si alguno de ustedes puede comentar alguna posible solución se lo agradezco mucho ya de antemano, mil gracias a todos por su gran comunidad, saludos.

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

    (@jose64)

    Gracias, voy a intentarlo, ya te cuento si va bien.

    Hola, parece buen plugin, no lo consigo por que no se como meter la id de menú en las opciones de configuración del plugin, estoy algo verde.
    Gracias por tu ayuda, si pudieras por favor comentar la forma de localizar el còdigo necesario para insertarlo en el plugin, y perdón por ser tan patosa, saludos.

    Moderador Jose Luis

    (@jose64)

    Hola

    En principio sin poner ningún id debería funcionar porque cubre las opciones más habituales.

    Esta es la segunda consulta que haces pidiendo personalizaciones sin dar detalles de la web. ¿Cómo quieres que te indiquemos un código sin dar ni la url?, te dejo las Instrucciones de uso de los foros y la guía de Chrome DevTools.

    Recuerda que los debates deben cerrarse cuando se resuelven,

    Disculpa, es cierto que debí ser mas concreta y clara, lamento esta incidencia.
    Esta es la url : https://packpyme-businesscentral.com/
    he localizado este código, no se fijo si es el necesario pero como pone header es bastante posible que funcione, no se exactamente donde insertarlo ni si debo poner toda esa línea así tal como se ve o cambiando algo. Donde lo inserto? en esa casilla del plugin que está a la derecha justo al lado de «otra clase o id», o abajo en ese cuadro grande que dice «estilos css»?
    Mil gracias por tu paciencia. Te adjunto la línea de código que posiblemente sirva, pero no se fijo si es exactamente esta la más adecuada, saludos.
    <div data-elementor-type="header" data-elementor-id="274" class="elementor elementor-274 elementor-location-header" data-elementor-settings="[]">

    • Esta respuesta fue modificada hace 1 mes, 1 semana por Jose Luis. Razón: Etiquetar código correctamente
    Moderador Jose Luis

    (@jose64)

    Hola

    Revisa esto:

    Cómo hacer fijo el menú o cabecera, en cualquier tema

    Si no te funciona lo que te indican ahí, prueba con el siguiente código:

    section.elementor-element.elementor-element-64315230.elementor-section-stretched.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-top-section

    Quedamos a la espera de tus comentarios.

    Moderador Jose Luis

    (@jose64)

    Hola

    ¿Podrías comentarnos como lo solucionaste?, así la respuesta ayudará a otros usuarios.

    Por favor recuerda cerrar el debate marcándolo como resuelto, así nos ayudas a mantener el foro al día

    Hola, después de probar muchas cosas, el único código que más o menos medio funciona es este: div.elementor.elementor-274.elementor-location-header
    ese es el que he insertado en la casilla del plugin mystickymenu. A primera vista parece que funciona bien, pero en realidad no, si somos detallistas nos podemos fijar en que no queda el menú totalmente quieto fijado al 100%. En los pcs y portátiles en los que he probado pasa siempre lo mismo, con todos los navegadores, si mueves un poco despacio el ratón haciendo scroll hacia abajo ves que hay un trocito de web, determinada zona de la pantalla, en la que el menú se va, no queda fijo en todas las zonas, hay como una especie de zona muerta en la que se pierde el menú, y no logro que eso se solucione. Se que mucha gente pensará que es una bobada secundaria sin importancia, pero lamentablemente para la persona que me ha encargado la web es un detalle prioritario y no lo admite, dice que es intolerable. La verdad estoy desesperada, no se que más cosas probar para que funcione. Espero que en algún momento se logre una solución, una vez más muchísimas gracias a todos por ser generosos. Lamento tardar en responder, no he podido por problemas personales.

    • Esta respuesta fue modificada hace 4 semanas por Jose Luis. Razón: Etiquetar código
    Moderador Jose Luis

    (@jose64)

    Hola

    La clase es .elementor.elementor-274.elementor-location-header

    En los ajustes del plugin, en la opción Efecto de atenuar o deslizar debes seleccionar Fundido

    En la opción Hacer visible cuando se hace scroll debes indicar 0px

    De esta forma el menú queda permanentemente fijo.

    Haz la prueba y coméntanos.

    anita2000

    (@anita2000)

    Por fin se ha logrado, es genial. MIL GRACIAS Jose Luis, realmente estaba agobiada con esto, y no veas que alegría verlo ya arreglado.
    Eres el único que ha dado con la clase exacta que había que insertar en el plugin, me alegra ver que hay buenos profesionales que ayudan, da gusto el buen ambiente de colaboración en este foro. GRACIAS!! Saludos a todos.

Viendo 10 respuestas - de la 1 a la 10 (de un total de 10)
  • Debes estar registrado para responder a este debate.