B
bewstars
No recomendado
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
como hacer hacer el navar/menu flotante en mi theme de woocomerce?,
B
bewstars
No recomendado
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
como foro beta si bajas el menu baja y si subis el menu sube jajaj
MarkBurns
Beta
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
@bewstars Entonces quieres decir un navegador fijado. Tienes una web o lo quieres saber por curiosidad?
Asignandole position:sticky o fixed, y top: 0 y left: 0 al navegador tiene que ir.
Te he dejado un ejemplo:
jsfiddle.net
Asignandole position:sticky o fixed, y top: 0 y left: 0 al navegador tiene que ir.
Te he dejado un ejemplo:
Edit fiddle - JSFiddle - Code Playground
JSFiddle - Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle.
jsfiddle.net
B
bewstars
No recomendado
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
No entendi, estoy haciendo una web y eso me sirve de ejemplo
MarkBurns
Beta
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Que no entendistes? Usa el ejemplo si no. Mira principalmente el CSS asignado a .nav (tiene position:sticky)
B
bewstars
No recomendado
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
esto como va a donde se añade?, un poco mas de ayuda
MarkBurns
Beta
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
En el css de tu theme. Tienes que saber la Class o ID del bloque de tu menu. Vamos a decir que tu bloque de menu/navegador tiene asignado el ID "menu-nav".
Busca en el css por ese ID, y mira los valores CSS que tiene asignado. Vete probando y pon position: fixed o position: sticky.
Pero no trabajo con CMS
B
bewstars
No recomendado
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
a ver te pongo lo que yo veo aca, yo aca tengo el menu completo usando el ff e inpsccionando elementos con la aplicacion del navegador, veo que esta ID:
B
bewstars
No recomendado
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
de cierto modo tiene semejanza con el css tambien.
elemento {
}
#masthead {
elemento {
}
#masthead {
MarkBurns
Beta
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Ok asi algo rapido:
Esto lo aplicas al navegador. Pero claro, tienes que bajar el resto del contenido (margin-top). El siguiente bloque despues del navegador es la funcion de busqueda.
Tienes que saber el height del menu (con inspeccionar elemento te vale), y añades:
Vete probando cosas, esto es solo para la version Desktop / PC. Tienes que asignar diferentes valores de margin-top para movil/tablet.
CSS:
#masthead {
position: fixed;
width: 100%;
top: 0;
z-index: 10;
}Esto lo aplicas al navegador. Pero claro, tienes que bajar el resto del contenido (margin-top). El siguiente bloque despues del navegador es la funcion de busqueda.
Tienes que saber el height del menu (con inspeccionar elemento te vale), y añades:
CSS:
#search-bar-section {
margin-top: 124px
}Vete probando cosas, esto es solo para la version Desktop / PC. Tienes que asignar diferentes valores de margin-top para movil/tablet.
B
bewstars
No recomendado
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
El primero quedo bien, solo le puse un poco de margen porque me lo cortaba al menu.
MarkBurns
Beta
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
B
bewstars
No recomendado
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
sigo buscando las repsuestas de las demas ediciones que me faltan, gracias!, asi no pierdo tanto tiempo.
B
bewstars
No recomendado
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
sabes que me dicuenta de que se corrio el menu, tiene 3 partes el menu, el logo, el menu de categorias y un icono con telefono y mail, esta dividido en 3 pedazos, pero se ensimo el logo pero por detras al le menu!
Federico99
1
Mi
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
¡Usuario popular!
Suscripción a IA
Hola @bewstars !
Si te referís a la cabecera fija, se puede hacer con .position:fixed o .position:sticky dependiendo de cómo esté maquetado tu sitio.
Por ejemplo, si tu cabecera tiene la clase header, podrías ponerle
Con eso debería andar
Si te referís a la cabecera fija, se puede hacer con .position:fixed o .position:sticky dependiendo de cómo esté maquetado tu sitio.
Por ejemplo, si tu cabecera tiene la clase header, podrías ponerle
Insertar CODE, HTML o PHP:
.header {
position:fixed;
margin:0;
top:0;
z-index:99999;
width:100%;
}Con eso debería andar
Temas similares
