Poner encima del logo y menú una barra fija

  • Resuelto estocator2000

    (@estocator2000)


    hace 6 años, 1 mes

    Hola que tal.
    Quisiera poner en la web una barra fija encima del logo y del menú. Además que esta barra fija se desplace de forma fija según se hace scroll hacia abajo.
    Tengo el tema Ocean-wp y el menú lo tengo puesto en el encabezado y la barra superior del tema la tengo desactivada.
    He intentado poner la barra fija activando la barra superior pero no consigo que se ponga fija y que se mantenga fija acciendo scroll hacia abajo.
    ¿Cómo podría poner esa barra fija? ¿Se hace con la barra superior del tema? ¿Hay alguna otra forma de hacerlo?
    Saludos.

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

Viendo 7 respuestas - de la 1 a la 7 (de un total de 7)
  • Iniciador del debate estocator2000

    (@estocator2000)

    hace 6 años, 1 mes

    Hola de nuevo, he podido colocar la barra superior arriba-fija, pero no he podido que se desplace hacia abajo.
    ¿Cómo se haría?
    También me gustaría añadir un enlace en la barra superior por encima del menú.
    ¿Cómo se haría eso?
    Saludos y gracias.

    Moderador jose64

    (@jose64)

    hace 6 años, 1 mes

    Hola

    Prueba este plugin:

    Sticky Menu on Scroll, Sticky Header, Sticky Welcome Bar for Any Theme – myStickymenu

    Con eso deberías solucionarlo, si no tienes esta otra opción:

    Sticky Menu (or Anything!) on Scroll

    Si lo consigues coméntanos con cuál lo solucionaste y cierra el debate marcándolo como resuelto, así tu consulta ayudará a otros usuarios y nos ayudas a mantener el foro al día.

    Iniciador del debate estocator2000

    (@estocator2000)

    hace 6 años, 1 mes

    Hola he probado el Sticky Menu (or Anything!) on Scroll, pero no me funciona como yo quiero.
    Os pongo una página de ejemplo de lo que digo, por ejemplo.
    https://comprarmilicuadora.es/
    Me refiero a la barra verde que está encima en el menú y se desplaza cuando se hace scroll para abajo.
    Gracias.

    Moderador LGrusin

    (@lgrusin)

    hace 6 años, 1 mes

    Querrás decir que se quede fija arriba la barra.

    Prueba en el menú Apariencia – Personalizar – CSS Adicional

    #top-bar-wrap {
 position:fixed;
 width:100%;
}
#site-header {
 padding:80px 0;
}
    Iniciador del debate estocator2000

    (@estocator2000)

    hace 6 años, 1 mes

    Funciona perfectamente, muchas gracias.

    • Esta respuesta fue modificada hace 6 años, 1 mes por estocator2000.
    Moderador LGrusin

    (@lgrusin)

    hace 6 años, 1 mes

    Supongo que si añades manualmente en el texto el código debería funcionar. Ejemplo:
    <a href="https://www.enlace.com">Visita mi sitio</a>

    Iniciador del debate estocator2000

    (@estocator2000)

    hace 6 años, 1 mes

    Funciona, muchas gracias.

Viendo 7 respuestas - de la 1 a la 7 (de un total de 7)

El debate ‘Poner encima del logo y menú una barra fija’ está cerrado a nuevas respuestas.